如何調用react js函數或傳遞參數以對普通的JS/HTML做出反應js？

Question

我正在開發一個Web應用程序，我需要在React JS中做某些事情。我寫了反應js代碼。

但我希望僅在單擊按鈕時纔會調用它。這個怎麼做？

我看了教程，但仍然無法弄清楚這一點。

請幫幫我。觸發2小時。

Answer 1

如果你想用一個按鈕點擊渲染<ReactComponent/>在<div id="mountPoint"></div>，並希望傳遞一個對象data反應，這應該解決您的問題。

下面的按鈕不是使用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); 
} 

的data你已經通過從外面陣營將作爲this.props.data內ReactComponent。