反应 - 从功能改变路线

Posted 2021-04-06

我的fetch函数有时会返回错误。如果发生这种情况，我想去url / notfound并渲染NotFound组件。可以用反应路由器完成吗？有没有其他方法可以改变功能路线？

答案

你可以展示这样的东西 我正在展示ES6的例子 让我们假设您有一个状态变量，它在loadError操作结果上更新fetch

this.state={
   loadError:false
}

喜欢，

fetch(this.host+this.url,{method:"GET",redirect:"follow"}).then(()=>
     this.setState({loadError:true})      
)

在render()方法的某个地方

{loadError ? <Redirect to="/NotFound"/>}