Question

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

但我希望只有在点击按钮时才能调用它。怎么做？

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

请帮帮我。冲了2个小时。

Answer 1

如果您希望使用按钮点击<ReactComponent/>来<div id="mountPoint"></div>，并希望将对象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显示。

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

1 个答案: