angular - Elementor wordpress + React 或 Angular

Question

我已经在谷歌搜索过，但什么也没找到……

拜托，它可以创建一个带有反应或 Angular Elementor (Wordpress) 小部件吗？我需要创建一个组件，该组件将从 api 获取一些数据并动态呈现页面。
我考虑过网络应用程序或 Iframe，但我不确定。

谢谢你。

Answer 1

使用 React 是可能的。有更多的细节，我可以帮你多一点。但总的来说，这是这样做的方法。

对于您的小部件，回显具有唯一 ID 的 div。每个例子:

<div id="myReactWidget"></div>

在 React 中，你通常会看到这个来渲染应用程序:

import React, { Component } from 'react';
import { render } from 'react-dom';

class App extends Component {   
  render() {
    return (
      <div>
        <p>
          Start editing to see some magic happen :)
        </p>
      </div>
    );
  }
}

render(<App />, document.getElementById('root'));

好吧，如果您将“root”替换为“myReactWidget”，它将在您的 Elementor 小部件中呈现。

例子:

这个:

render(<App />, document.getElementById('root'));

取而代之:

render(<App />, document.getElementById('myReactWidget'));

请注意，您必须将构建 reactjs 脚本加入队列才能使其正常工作

为此，请在您的项目根目录中运行:

npm run build

并查看/build 文件夹以查看要包含的内容