您试图仅在单击按钮后才渲染模态，这对于非反应性环境是很自然的，但在反应中它以不同的方式起作用。在最简单的解决方案中，
Modal应始终呈现，当用户单击按钮时，将modal
open属性更改为
true。
{ }<button onClick={() => this.setState({showModal: true})}>Add Work Log</button>{ }{ }<Modal open={this.state.showModal}>...</Modal>或者，您可以完全跳过模式渲染，直到
showModal变为true。
this.state.showModal && <Modal open>...</Modal>
