私はNext.js /(SSR React)アプリケーションを持っています。私は小道具を介してプロパティをメタコンポーネントに渡しています。文字列を取得し、タグは次のようになります。JavaScriptの文字列から"This is a quote" - Quotes"
:React誤ってhtmlが属性名の引用符をエスケープします
<meta property="og:description" content={ `${description}` } />
そこに置かれているコンテンツは、次のようになります。結果は次のようになります。"This is a quote "
私が探しているのは、二重引用符ではなく、メタタグに渡される文字列です。ここで何が起こっているのですか?私はどのように修正できますか?
PS:Unicode文字を使用して、文字列リテラルの外側に説明を入れてみました。let q = String.chartocode(38)
のように二重引用符の代わりにqを追加しました。すべてが同じ結果を出しました。
これは適切なエスケープで、 ''は二重引用符をエスケープする必要があるため、有効なhtmlではありません。 – shamsup
さらに、opengraphは属性のhtmlエンティティをサポートしていますので、 '"これは引用です" - Quotes'は、 "opengraphの解析ビューで引用符" - Quotesです。 – shamsup
@shamsup甘さ。私の部分ではかなり単純な監視。これを回答として投稿すると、私はupvoteして受け入れます。 – Quesofat