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

Question

我正在开发一个需要在 React JS 中做某些事情的网络应用程序。我已经编写了反应 js 代码。

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

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

请帮助我。打了2个小时。

Answer 1

如果您希望通过单击按钮在 <div id="mountPoint"></div> 处呈现 <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 将在 ReactComponent 内部以 this.props.data 的形式提供。