エンドユーザーがレンダリングできるように React アプリケーションを WordPress ブロックに埋め込むにはどうすればよいですか?
P粉790819727
P粉790819727 2023-08-17 21:15:10
0
1
465
<p>React アプリケーションを WordPress ブロックに埋め込み、このアプリケーションをエンドユーザーに提供したいと考えています。アプリを view.js に配置できることを期待していますが、view.js のコンテンツをレンダリングすることができません。 edit.js の Edit() を介してブロック エディターで React を正常に実行できますが、これは registerBlockType がブロック構成オブジェクトで {edit: Edit} を使用しているためです。ただし、対応する {render: Render} オプションはありません。アプリケーションの埋め込みに最も近い方法は、render.php でアプリケーションを HTML に出力することです。 render.php ファイルは適切にレンダリングされますが (空の保存コールバックを持つ動的アプリケーションで予想されるとおり)、これでは十分ではないため、React を使用する必要があります。 </p> <p>参考: https://developer.wordpress.org/block-editor/getting-started/create-block/block-anatomy/</p>
P粉790819727
P粉790819727

全員に返信(1)
P粉321584263

1 つの方法は、WordPress 要素関数 https://developer.wordpress.org/block-editor/reference-guides/packages/packages-element/ で createRoot を使用することです。このようにして、DOM ノードに React コンポーネントを表示できます。ステップ:###

  1. render.php で DOM ノードを定義します:

    リーリー

  2. 次の行を view.js に追加して、このノードでアプリケーションをレンダリングします。

    リーリー

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート