如何创建一个在 React 中什么都不做的函数

Question

有一个必须构建的组件必须接收 onClick 函数。问题是该函数尚未定义，因此它必须接收一些 'empty' 函数才能通过测试。

这是代码：

  <Button
    title='MyTitle'
    className='my-class-name'
    onClick={
      () =>
        /* eslint-disable no-console */
        console.log('test')
      /* eslint-enable no-console */
    }
  />

所以我加了一个console.log()但是eslint不喜欢所以加了前后的评论

有没有办法放置一个只为了通过 linting 而什么都不做的函数？

Answer 1

函数可以return null:

   <Button
        title='MyTitle'
        className='my-class-name'
        onClick={() => null}
    />

Answer 2

也许尝试返回 void？

onClick={() => void 0}

Answer 3

使用这个：

<Button
    title='MyTitle'
    className='my-class-name'
    onClick={
      () => undefined
    }
  />

如何创建一个在 React 中什么都不做的函数

How to create a function that doesn't do anything in React

javascript

onclick

typescript

ecmascript-6

reactjs