时间戳

首页 > 解决方案 > 编写这个 JSX 的更简洁的方式？

reactjs - 编写这个 JSX 的更简洁的方式？

问题描述

如果我有一些函数会为这两个函数调用，SomeForm即 onGoClick 和 onNoGoClicked 都具有相同的函数调用，有没有办法我可以整理更多？或者这是可以接受的吗？

      <SomeForm
        onGoClick={() => {
          cleanupHere(props)
        }}
        onNoGoClicked={() => {
          cleanupHere(props)
        }}
      />

标签： reactjstypescript

解决方案

在不知道您使用它的上下文和 SomeForm 的实现的情况下，我没有太多建议。这并不理想，但由于 onGoClick 和 onNoGoClick 正在执行相同的功能，您可以将它们与如下预定义的功能结合使用：

const func = () => {
  cleanupHere(props)
}
// ...
return <SomeForm onGoClick={func} onNoGoClick={func} />

推荐阅读