Javascript 将onClick函数从父级传递到子级,在页面呈现时自动调用它
我将此函数传递给我的子组件:Javascript 将onClick函数从父级传递到子级,在页面呈现时自动调用它,javascript,reactjs,Javascript,Reactjs,我将此函数传递给我的子组件: const mopen_editquestion = (question) => { setMShowEditQuestion(true) console.log(question) } 通过此: <QuestionT click={mopen_editquestion} question={question} /> 在我的子组件中,我将其称为: <img className="hover-hand&quo
const mopen_editquestion = (question) => {
setMShowEditQuestion(true)
console.log(question)
}
通过此:
<QuestionT click={mopen_editquestion} question={question} />
在我的子组件中,我将其称为:
<img className="hover-hand" onClick={props.click(props.question)} src={edit_icon} alt="settings" width="30vh"/>
当页面呈现时,模式(从setMShowEditQuestion(true)
调用)已经打开,并且控制台日志已经从console.log(question)
中溢出,即使我还没有单击任何内容。似乎是在render上调用函数
有什么建议吗?非常感谢 尝试更改为
onClick={()=>props.click(props.question)}
现在的情况是,您已经执行了该函数,而不是将其抛出到onClick
属性中
查看此帖子()以了解更多信息