Elementor wordpress + React或Angular

Question

我已经在Google中查找了，但是什么也没找到...

[，请问它有可能创建带有React或angular的Elementor（Wordpress）小部件吗？我需要创建一个组件，该组件将从api获取一些数据并动态呈现页面。我考虑过Web应用程序或iframe，但不确定。

谢谢。

Answer 1

React可以实现。有关更多详细信息，我可以为您提供更多帮助。但总的来说，这是做到这一点的方法。

对于您的小部件，回显具有唯一ID的div。例如：

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

作为回应，您通常会看到此内容以呈现应用程序：

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'));

请注意，您必须enqueue您的build reactjs脚本才能正常工作

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

npm run build

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