如何调用react js函数或传递参数以从普通JS / HTML响应js？

Question

我正在开发一个Web应用程序，我需要在React JS中做某些事情。 我已经写了react js代码。

但我希望仅在单击按钮时才能调用它。 这个怎么做？

我阅读了本教程，但仍然无法弄清楚。

请帮我。 打了两个小时。

Answer 1

如果您希望通过单击按钮在<div id="mountPoint"></div> <ReactComponent/>处呈现<ReactComponent/>并希望将对象data传递给React，这应该可以解决您的问题。

以下按钮未使用React呈现。 还必须事先指定一个安装点，React将在该安装点安装<ReactComponent/> ：

<button onclick=ReactRender()> Render React </button>
<div id="mountPoint"></div>

该按钮调用一个函数ReactRender()来完成所有渲染。

//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);
}

您从React外部传递的data将在this.props.data内部以ReactComponent 。