Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从普通js/HTML调用react js函数或传递参数来react js?_Javascript_Html_Reactjs_React Native - Fatal编程技术网

Javascript 如何从普通js/HTML调用react js函数或传递参数来react js?

Javascript 如何从普通js/HTML调用react js函数或传递参数来react js?,javascript,html,reactjs,react-native,Javascript,Html,Reactjs,React Native,我正在开发一个web应用程序,在那里我需要用React JS做某些事情。我已经编写了react js代码 但我希望只有在单击按钮时才调用它。如何做到这一点 我读了教程,但仍然无法理解这一点 请帮帮我。敲击2小时。如果您希望使用按钮单击在处渲染,并希望传递对象数据以进行反应,这应该可以解决您的问题 下面的按钮不是使用React渲染的。还必须预先指定一个装入点,React将在此处装入: 从外部React传递的数据将作为this.props.data内部ReactComponent仅当单击非React

我正在开发一个web应用程序,在那里我需要用React JS做某些事情。我已经编写了react js代码

但我希望只有在单击按钮时才调用它。如何做到这一点

我读了教程,但仍然无法理解这一点


请帮帮我。敲击2小时。

如果您希望使用按钮单击在
处渲染
,并希望传递对象
数据
以进行反应,这应该可以解决您的问题

下面的按钮不是使用React渲染的。还必须预先指定一个装入点,React将在此处装入


从外部React传递的
数据将作为
this.props.data
内部
ReactComponent

仅当单击非React环境中的按钮时,才使用React渲染内容吗?是。至于我,这是唯一能解决我问题的方法。谢谢你的回答。如果我正在单击超链接,那么这是否正确?这应该行得通。只需确保调用ReactDOM.render(…)函数即可完成所有渲染。对于你以上的具体问题,这里是答案嗨,你能回答这个吗
<button onclick=ReactRender()> Render React </button>
<div id="mountPoint"></div>
//Now to render React
var ReactRender = function(){
  // data is an Object which you wish to pass to React
  ReactDOM.render(<ReactComponent data={data}></ReactComponent>, mountPoint);
}