Freecodecamp プロジェクトに合格しようとしています。このプロジェクトは、テキストエリアにコードを入力できるマークダウン プレビューアであり、Web ページにレンダリングされます。2つを除いてすべてのテストに合格しました。ロード時にテキストをプレビューすることになっていますが、再レンダリングされ、その理由がわかりません。誰かが見て、私が間違っていることを教えてください。私のCodePenへのリンクがあります。同じテストに失敗する 2 つのソリューションがあります。1 つは反応フックを使用し、もう 1 つはクラス コンポーネントを使用します。私はhtmlパーサー用にマークを使用しています。ありがとう！
これは失敗しているテストの 1 つであるため、テキストエリアを含むコンポーネントで何らかの関係があるとほぼ確信していますが、何か問題を見つけることができます。
これはテキスト エディター コンポーネントです。
const Editor = ({ text, setText }) => {
return (
<>
<textarea id='editor' value={ text } onChange={ (e) => setText(e.target.value) } />
</>
);
};
プレースホルダーが html の文字列である状態を次に示します。
const [ text, setText ] = React.useState(placeholder);