Elementor wordpress + React 或 Angular

Question

我已经在谷歌中查看过，但没有找到任何结果......

请问，是否可以使用 React 或 Angular 创建 Elementor (Wordpress) 小部件？我需要创建一个组件，它将从 api 获取一些数据并动态渲染页面。我考虑过 Web 应用程序或 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文件夹以了解要包含的内容