DangerouslySetInnerHtml（）は、Reactの前のページのコンテンツを表示します

Question

ユーザープロファイルを表示するサイトを構築します。あるプロファイルから別のプロファイルに変更すると、プロファイルの説明に以前のユーザーのプロファイルデータが残っています。

1. 例えば訪問ユーザプロファイルの説明はUser profile 1 description
2. 訪問ユーザプロファイルの説明は、User profile 1 description User profile 2 description

私のコードは、すべてされているを読み取る2人の

ユーザープロファイル読み出し1人の

ユーザープロファイル私のコンポーネントのレンダリング機能を実行するので、レンダリングする必要があります。状態の更新。

render(){ 
    return(
     <h4>Profile 1<h4> 
     <p dangerouslySetInnerHTML={{__html: this.props.profile.description}} /> 
    ) 
} 

Answer 1

this.props.profile.descriptionが<p>タグに包まれたHTMLたが判明。これは、この記事で説明したような問題が発生しpタグ内にネストされるpタグを引き起こしていた - 親指のNesting <p> won't work while nesting <div> will?

ルールは<p>タグにdangerouslySetInnerHTMLを使用することはありません。

これの根本的な原因に私は長い時間をかけて、それを渡す価値があると思った。