危険な方法でSetInnerHTMLを使用してReactでHTMLエンティティを実際のHTMLとして表示するにはどうすればよいですか?

HTML 文字列を実際の HTML としてレンダリングする

React では、dangerlySetInnerHTML を使用して HTML コンテンツを実際の HTML として表示できます。ただし、この属性を文字列値とともに使用すると、問題が発生する可能性があります。

一般的なシナリオの 1 つは、this.props.match.description が HTML を含む文字列であるにもかかわらず、HTML ではなく文字列としてレンダリングされる場合です。これは、文字列内に HTML エンティティが存在する可能性があるために発生します。

これを解決するには、HTML エンティティを危険なほど SetInnerHTML に渡す前にデコードする必要があります。以下に例を示します:

class App extends React.Component {
  constructor() {
    super();
    this.state = {
      description: '<h1>

以上が危険な方法でSetInnerHTMLを使用してReactでHTMLエンティティを実際のHTMLとして表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。