加载成功后，将路由路由到其他页面

Question

我有几个页面的反应网站。在页面A中，用户单击一个按钮，以检索Firebase中的某些内容。我只想在检索成功的情况下转到B页，并同时传递检索到的内容。

这里是pageB的路由器，除非从Firebase检索内容，否则密文和明文均设置为null。

<Route path={`${path}/pageB`}>
  <NewContent props={[ciphertext, plaintext]}/>
</Route>

如果从firebase获得的getStatus成功，则这是“下一个”按钮，它将转到pageB。

{
    getStatus === 3 &&
    <Link to={`${path}/pageB`} className='button'> 
      Next 
    </Link>
}

当前，有一个“加载”按钮，加载成功后，将显示“下一步”按钮以转到下一页。我想删除下一个按钮，并在加载后直接转到第二页，以使其更加直观。谢谢！

Answer 1

import { Redirect } from 'react-router-dom'

{
    getStatus === 3 &&
    <Redirect to={`${path}/pageB`}/> 
}