如何使用 reactjs 顯示內容而不顯示按鈕？

Question

我的目標是在我們單擊 emailid 時僅顯示 email 組件（而不是顯示按鈕，即“顯示模式”）。 我的意思是當我們點擊 email id 時，模態應該彈出而不是顯示按鈕“顯示模態”。 誰能幫我解決這個問題？

這是代碼：

<Table.Body>
  <Table.Row>
    <Table.Cell>First Name</Table.Cell>
    <Table.Cell>
      <Link to="/Email">abc@yahoo.com</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的 state 並在關閉時重定向到 root，所有這些都使用Modal組件的open屬性：

<Container>
  <Modal
    open={this.state.open}
    onClose={() => {
      this.setState({ open: false });
    }}
  >
   ...
  </Modal>
  {!this.state.open && <Redirect to={`/`} />}
</Container>

請參閱附加的沙箱