因此,在这种情况下,我倾向于强制导航到某个地方:
资源页面有删除资源的按钮。我想仅在资源被删除后导航到其他地方,但如果删除失败,我不想导航。这需要能够说“进行删除调用,等待完成,检查发生了什么,相应地导航”
这对我来说就像一种代码味道。它与react-router 的声明式方法不一致。我错了吗?
是否有更惯用的方法来执行此操作:
// this.props.resource from container
<Link onClick={_ => {
deleteResource(this.props.resource).then(result => {
if (!result) // don't navigate, dispatch an action
else browserHistory.push("different/place/entirely") // <= totally imperative
}/>
最佳答案
路由似乎势在必行,所以我不确定您是否可以解决这个问题。
至于它是否是反模式——我只能就我自己的代码库中的惯用方式发表意见,但我使用 browserHistory.push
比 Link
更方便的地方(这是经常发生的)。
也就是说:我确实认为使用 Link
很奇怪与 browserHistory.push
合作。如果没有与路由相关的原因这样做,您应该使用通用组件。
最后:it is an anti-pattern to use arrow-functions in component JSX Props 。
关于javascript - browserHistory.push() 是反模式吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41771734/