Ria*_*Ria 5 javascript reactjs webpack
我想知道是否可以将参数传递给反应入口点。
我的入口点如下所示：
module.exports = {
entry: "./js/components/Application.js",
output: {
path: "./dist",
filename: "bundle.js"
},
// ...
}
我的应用程序.js：
import React from 'react';
import ReactDOM from 'react-dom';
import AnotherComponent from './AnotherComponent';
ReactDOM.render(<AnotherComponent />, document.getElementById('content'));
不是我将我的应用程序与 webpack 捆绑在一起，并将该捆绑包包含在另一个应用程序中。该应用程序提供了一个 id 为“content”的 div：
<body>
<div id="content"></div>
<script src="bundle.js" />
</body>
我知道我可以做类似的事情
<script src="bundle.js" myargument="somevalue" />
但我怎样才能获得这个值并将其AnotherComponent作为属性传递给反应组件呢？
关于什么
<script id="bundle" src="bundle.js" myargument="somevalue" />
进而
const myScript = document.getElementById('bundle');
ReactDOM.render(<AnotherComponent
myArgument = {myScript.getAttribute('myargument')}
/>, document.getElementById('content')
);
| 归档时间： |
|
| 查看次数： |
3241 次 |
| 最近记录： |