TinyMCE가 반응하여 들어오는 데이터를 동적으로 렌더링 할 수 없습니다.

Question

JS/React on frontend 및 Java backend에서 작업합니다.

TinyMCE에는 PHP와 .NET에서 잘 작동하는 멋진 MoxieManager가 있습니다. 나는 그때 내 자신의 파일 브라우저를 만들었습니다. MVC에서 데이터를 전송하는 데 Observer 패턴을 사용합니다. 문제는 TinyMCE에서 반응하는 부분 (예 : 그림에 대한 URL)을 받으면 동적으로 렌더링되지 않는다는 것입니다. 중첩 된 그림이있는 대화 상자를 다시 열 때만 렌더링됩니다.

물론 React에서 새로운 값 (들어오는 값)을 재 지정하면 setState가 호출됩니다.

제안 사항?

감사합니다.

Answer 1

구성 요소가 표시 할 초기 값을 얻으면이 값이 인계되어 초기 값을 업데이트해도 아무런 효과가 없습니다. 구성 요소의 재 렌더링을 강요하십시오. 내가하는 일은 key 속성을 변경하여 구성 요소의 다른 인스턴스라고 생각하도록하는 것입니다.

<TinyMCE 
    key={aRandomValueThatChangesWhenIncomingValue} // this line makes the trick 
    content={yourContent} 
    config={{ 
     plugins: "link image lists print preview", 
     toolbar: 
      "undo redo | bold italic | alignleft aligncenter alignright | bullist numlist", 
    }} 
    onChange={handleEditorChange} 
/>