在 Reactjs 中推送历史记录？

Question

有没有办法不重复这段代码？

     onClick={(e) => {
              e.preventDefault();
              history.push(`/Post-Review/${tagResult.PostId}`);
            }}

我需要在不同的地方使用这段代码，我不想重复。

是否可以创建一个函数并使用函数名称而不是此代码？

谢谢:)

Answer 1

const historyPushFunc = (e , tagResult)  =>{
  e.preventDefault();
  history.push(`/Post-Review/${tagResult.PostId}`);
}

现在你可以像这样在任何地方使用它了：

onclick={e => historyPushFunc(e, tagResult) }

如果需要，您还可以向函数传递额外的参数。