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

【问题标题】：How to create a function that doesn't do anything in React如何创建一个在 React 中什么都不做的函数
【发布时间】：2022-01-12 07:55:13
【问题描述】：

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

这是代码：

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

所以我添加了一个console.log()，但 eslint 不喜欢它，所以添加之前和之后的 cmets。

有没有办法放置一个不做任何事情的函数来传递 linting？

【问题讨论】：

试试这个() => {}

标签： javascript reactjs typescript ecmascript-6 onclick

【解决方案1】：

函数只能返回null：

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

【讨论】：

【解决方案2】：

使用这个：

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

【讨论】：

【解决方案3】：

也许尝试返回void？

onClick={() => void 0}

【讨论】：

它不起作用。 void0 应该在某个地方定义吗？