GraphQL과 Apollo를 사용하여 React 프런트엔드로 웹사이트를 구축하고 있습니다. 웹마스터가 페이지의 특정 부분에서 콘텐츠를 업데이트할 수 있는 페이지를 만들었는데 작동하지만 콘솔에 계속 오류가 발생합니다. 구성 요소가 제어된 입력을 제어되지 않은 입력으로 변경하고 있습니다...
저는 ReactQuill WYSIWYG 편집기도 사용합니다. 이것이 문제일지도 모른다고 생각했지만 제거했는데도 여전히 같은 오류가 발생합니다.
콘텐츠 업데이트 페이지의 코드는 다음과 같습니다.
으아악ReactQuill에서 onChange={(e) => contentText(e.target.value)}를 시도했지만 아무것도 변경되지 않았습니다. 지금의 방식은 git 저장소에서 얻은 것입니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
여기 다른 질문에서 답을 찾았습니다. 허용되는 답변은 아니지만 오류를 해결합니다.
ReactJS에서 구성요소는 제어되지 않은 텍스트 입력을 제어된 오류로 변경합니다
그래서 내 양식에서는 value={contentHead} 및 value={contentText}를 value={contentHead || ''} 및 value={contentText ||로 변경했습니다.