変数をコンテンツパラメータに設定する際に問題が発生する

Question

npm react tinymceの設定に問題があります。バージョン3.10.10。 問題は、パッケージをインストールしてコンポーネントを追加した後に、データを挿入する必要があるcontentというパラメータがあることです。そして、何とかそれは文字列の値を取るだけです。それを変数や式に設定しようとすると、何もせず、コンソールにエラーもありません。誰も前に同じ問題を経験しましたか？その場合、それはブランクエディタを示して

<TinyMCE 
    content = {this.state.text} 
      onChange={this.handleEditorChange} 
/> 

：ここで私は私のコンポーネントを設定しようとしているかの簡単な例です。 そして、ここではそれが正常に動作するかの例です：

<TinyMCE 
content = 'Any string will display the text correctly' 
      onChange={this.handleEditorChange} 
/> 

Answer 1

私は同じ問題に来て、最終的にはそれが何だった考え出しました。コンポーネントに渡される値は元の値です。受け取ったコンポーネントは、新しい値が渡されたかどうかにかかわらず、コンテンツの状態を引き継いで処理します。したがって、文字列を渡す場合、定数であり、コンポーネントの初期レンダリング時に存在します。しかし、変数を渡している場合は、変数の初期値が表示される値と異なる可能性があります（コンポーネントが表示する値を受け取るまで、おそらくnullまたは未定義です）。私の場合は、ページコンテンツを持つオブジェクトを受け取ります。そのうちの1つは、初期コンテンツとして表示されるhtmlです。しかし、レンダリングメソッドは、空のオブジェクトで最初に起動され、次に実際のオブジェクトがデータで開始されました。私がこれを解決するためにしたのは、私のオブジェクトIDの値を使って、小さなmceラッパーのキーに設定されています。

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