ホームページ  >  に質問  >  本文

エンドユーザーがレンダリングできるように React アプリケーションを WordPress ブロックに埋め込むにはどうすればよいですか?

<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粉790819727P粉790819727451日前432

全員に返信(1)返信します

  • P粉321584263

    P粉3215842632023-08-18 10:40:57

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

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

      リーリー

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

      リーリー

    3. 返事
      0
  • キャンセル返事