如何使用reactjs显示内容而不显示按钮？

Question

我的目标是在我们单击 emailid 时仅显示电子邮件组件（而不是显示按钮，即“显示模式”）。我的意思是，当我们单击电子邮件 ID 时，模式应该会弹出，而不是显示按钮“显示模式”。谁能帮我解决这个问题？

这是代码：

<Table.Body>

  <Table.Row>

    <Table.Cell>First Name</Table.Cell>

    <Table.Cell>

      <Link to="/Email">[e-mail]</Link>

    </Table.Cell>

    <Table.Cell>01-01-2020</Table.Cell>

  </Table.Row>

</Table.Body>

这是整个代码：“ https://codesandbox.io/s/so-answer-60873116-98xnt ”

谁能帮我解决这个问题？

Answer 1

您想添加一个open状态并在关闭时重定向到 root，所有这一切都在使用组件的open属性时Modal：<Container>&nbsp; <Modal&nbsp; &nbsp; open={this.state.open}&nbsp; &nbsp; onClose={() => {&nbsp; &nbsp; &nbsp; this.setState({ open: false });&nbsp; &nbsp; }}&nbsp; >&nbsp; &nbsp;...&nbsp; </Modal>&nbsp; {!this.state.open && <Redirect to={`/`} />}</Container>