如何使用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>

  <Modal

    open={this.state.open}

    onClose={() => {

      this.setState({ open: false });

    }}

  >

   ...

  </Modal>

  {!this.state.open && <Redirect to={`/`} />}

</Container>