gpt4 book ai didi

javascript - 将参数从非react jquery html表单页面传递到react应用程序

转载 作者:行者123 更新时间:2023-12-03 01:16:56 25 4
gpt4 key购买 nike

我是reactJS新手。我有一个简单的 react 应用程序,可以独立运行良好。

现在我从现有的 HTML 页面调用它,并希望传递一个参数到 React 应用程序并在 React 应用程序中使用该参数。

我用谷歌搜索发现可以设置窗口环境变量并可以在react应用程序中选择。

我该怎么做?有什么想法或 sample 吗?

谢谢!

Here is my scenario,

<html>
...
<body>
...
<a href="http://server.com/reactapp/index.html">call react app</a>
<input type="hidden" id="empno" value="1000" />
....
</body>
</html>
----
React app
index.js
--------------
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';

let eno = document.getElementById("empno");

ReactDOM.render(<Products empnumber={eno}/>, document.getElementById('root'));


app.js
------
...
render() {
console.log(this.props.empnumber);

console log displays null. Thanks!

最佳答案

您可能会找到this article有用:

The way our React component receives data from the outside world is via its props. Whenever we need to update the component with new data — and this is the part that feels magic in its simplicity — we just render it again using the new props, and React knows how to do it efficiently.

简而言之,找到调用 ReactDOM.render(<App/>, container) 的部分或类似的,并将您的值作为属性传递给 App ,如<App someprop={somevalue}/>

关于javascript - 将参数从非react jquery html表单页面传递到react应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51970159/

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