Javascript 如何从普通js/HTML调用react js函数或传递参数来react js?
我正在开发一个web应用程序,在那里我需要用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
请帮帮我。敲击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);
}