gpt4 book ai didi

angular - Elementor wordpress + React 或 Angular

转载 作者:行者123 更新时间:2023-12-04 13:39:39 25 4
gpt4 key购买 nike

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

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

谢谢你。

最佳答案

使用 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 文件夹以查看要包含的内容

关于angular - Elementor wordpress + React 或 Angular,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59364349/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com