CMS 将一个变量作为 data-rest-url 属性传递给 React.js 应用程序：
<div id="reactjs-root" data-rest-url="http://my-ip-addess:8080/Rest-api-here">...</div>
如果我将 jQuery 添加到我的 React.js 应用程序中，那么我可以简单地：
componentWillMount() {
const $reactRoot = $('#reactjs-root');
const restUrl = $reactRoot.attr('data-rest-url');
}
但是仅仅为此添加jQuery？您将如何将一些变量从 CMS 传递到您的单页 React 应用程序并使用 react.js 读取/解析/获取它？
考虑将您的数据属性作为props传递给您的组件，而不是在组件本身内硬编码根元素 ID。
渲染：
var rootElement = document.getElementById('reactjs-root');
ReactDOM.render(
<YourComponent resturl={rootElement.getAttribute('data-rest-url')}></YourComponent>,
rootElement
);
在组件中，您可以访问注入的 url：
componentWillMount() {
console.log(this.props.resturl)
}
这使得更可重用的组件与特定元素 ID 分离。
const reactRoot = document.getElementById('reactjs-root');
const restUrl = reactRoot.getAttribute('data-rest-url');
另外，避免$在变量名中使用。您可能会遇到许多与$您用作变量的库冲突的库。