javascript - browserHistory.push() 是反模式吗？

Question

因此，在这种情况下，我倾向于强制导航到某个地方:

资源页面有删除资源的按钮。我想仅在资源被删除后导航到其他地方，但如果删除失败，我不想导航。这需要能够说“进行删除调用，等待完成，检查发生了什么，相应地导航”

这对我来说就像一种代码味道。它与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
}/>

Answer 1

路由似乎势在必行，所以我不确定您是否可以解决这个问题。

至于它是否是反模式——我只能就我自己的代码库中的惯用方式发表意见，但我使用 browserHistory.push比 Link 更方便的地方(这是经常发生的)。

也就是说:我确实认为使用 Link 很奇怪与 browserHistory.push 合作。如果没有与路由相关的原因这样做，您应该使用通用组件。

最后:it is an anti-pattern to use arrow-functions in component JSX Props 。