タイトルは次のように書き換えられました: コンポーネントが制御された入力を制御されていない入力に変換しています

Question

私は GraphQL と Apollo を使用して React フロントエンドを備えた Web サイトを構築しています。 Web サイト管理者がページの特定の部分のコンテンツを更新できるページを作成しました。機能しますが、コンソールに次のエラーが表示され続けます: コンポーネントは制御された入力を制御されていない入力に変更しています...

ReactQuill WYSIWYG エディターも使用しました。これが問題かもしれないと思いましたが、削除しても同じエラーが発生します。

これはコンテンツ更新ページのコードです:

リーリー

ReactQuill で、onChange={(e) => contentText(e.target.value)} を試しましたが、何も変わりませんでした。現在の状況は、私が彼らの git リポジトリから得たものです。

Answer 1

ここの別の質問で答えを見つけました。これは受け入れられた答えではありませんが、エラーは解決します。

ReactJS では、コンポーネントが制御されていないテキスト入力を制御されたエラーに変更しています

そこで、私のフォームでは、value={contentHead} と value={contentText} を value={contentHead || ''} と value={contentText || ''} に変更しました。これでエラーは解決しました。