如何在反应中通过id设置值?

时间:2019-11-13 02:21:57

标签: reactjs react-bootstrap

我在通过按钮的onClick函数传递值时遇到一些问题。我的变量“模式”不会在按钮单击时已经触发的功能上更新。 我有这段代码;

var mode = '';
const goToEdit(){
 mode = 'readOnly'
}

<ButtonToolbar id="btnToolBar" mode={mode}>
 <Button variant="primary" onClick={(goToEdit() => setModalShow(true)}>
   popUp modal
 </Button>

1 个答案:

答案 0 :(得分:1)

您的装订错误。请在此处参考此文档:https://reactjs.org/docs/handling-events.html

您可能可以执行以下操作:

var mode = '';
const goToEdit(){
 mode = 'readOnly'
}

<ButtonToolbar id="btnToolBar" mode={mode}>
 <Button variant="primary" onClick={(() => {goToEdit();setModalShow(true);}}>
   popUp modal
 </Button>