时间戳

首页 > 解决方案 > onClick 按钮返回上一页/组件 React

javascript - onClick 按钮返回上一页/组件 React

问题描述

因此，我可以通过在单击按钮后div更改从一个组件切换到另一个组件。state

{ !showForm ? (
     <div className={styles.showTicketContainer}>
          <div className={styles.showTicketBox}>
               //some code for UI
          </div>
          <div className={styles.whitelistBox}>
                <Button className={styles.whiteListToggleButton} shape="round" onClick={() => setShowForm(() => true)}>Whitelist</Button>
          </div>
      </div>
) : (
   <InputEmail />        // render another component within this div after clicking the whitelist button
)}

因此，可视化这是从this到this。我想button在电子邮件页面上添加一个，以便我可以返回第一页。
我是否仍然使用相同的方式：

{ !showForm ? (
      //some UI code
) : ( 
   <someComponent/>
)}

或者有没有更好的方法来做到这一点。

标签： javascriptreactjsreact-hooks

解决方案

你可以使用这个：

 const history = useHistory();
  history.goBack();

推荐阅读