gpt4 book ai didi

javascript - 将值传递给捆绑的 React JS 文件?

转载 作者:行者123 更新时间:2023-11-29 10:07:28 26 4
gpt4 key购买 nike

我想知道是否可以将参数传递给 React 入口点。

我的入口点是这样的:

module.exports = {
entry: "./js/components/Application.js",
output: {
path: "./dist",
filename: "bundle.js"
},
// ...
}

我的 Application.js:

import React from 'react';
import ReactDOM from 'react-dom';
import AnotherComponent from './AnotherComponent';

ReactDOM.render(<AnotherComponent />, document.getElementById('content'));

不是我将我的应用程序与 webpack 捆绑在一起,并将此 bundle 包含在另一个应用程序中。此应用程序提供了一个 ID 为“content”的 div:

<body>
<div id="content"></div>
<script src="bundle.js" />
</body>

我知道我可以做类似的事情

<script src="bundle.js" myargument="somevalue" />

但是我怎样才能得到这个值并将其作为属性传递给 react 组件 AnotherComponent 呢?

最佳答案

怎么样

<script id="bundle" src="bundle.js" myargument="somevalue" />

然后

const myScript = document.getElementById('bundle');

ReactDOM.render(<AnotherComponent
myArgument = {myScript.getAttribute('myargument')}
/>, document.getElementById('content')

);

关于javascript - 将值传递给捆绑的 React JS 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40521660/

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