問題タブ [react-static]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 反応コンポーネントからのhtml文字列テキストを置き換える必要があります
問題 : - ショートコードの問題に直面しています。コンテンツの電子メール購読にショートコード {{email}} を使用し、サーバーはコンテンツをフロントエンド側の HTML 文字列として提供します。dengerouslySetInnerHTML 反応関数からフロントエンド側で文字列を HTML にレンダリングします。
例 : -
let description = '<p>contect here {{email}} content here {{email}} content here</p>';
HTML文字列を実際のHTMLに変換するreact dengerouslySetInnerHTML関数を使用します。
<div dangerouslySetInnerHTML={{ __html: description }} ></div>
私はやっています - 反応メールコンポーネントから {{email}} テキストを置き換えていますが、文字列に反応コンポーネントを挿入することはできません。
お気に入り - description.replace('{{email}}', <EmailComponent />)
reactjs - 反応静的によってビルドされたアプリケーションの static.config.js ファイルで定義されたルートからメニューをレンダリングする方法は?
公式ガイドに従って、次のような単純なものにする必要があります。
以下の私の static.config.js ファイルは、基本テンプレートから切り取られました。Aboutページへのルートのみがあります:
しかし、何もレンダリングされません。
myRoutes 変数をインラインで設定すると機能します。例:
関数useRouteData()
が呼び出されていないようですが、その理由がわかりません。
サイトはすべて静的ページで構成されており、サイト内のどのページからでも利用できます。構成ファイルにすべてを入れると、テンプレートごとに 1 ページのコードが分割され、メニューを構築するための情報も提供されると思います。私も static-react ビルドに慣れていないので、想定どおりにテンプレートを使用していない可能性があります。