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

Posted 2023-02-22

【中文标题】如何创建一个在 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？

【问题讨论】：

试试这个() =>

【参考方案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 应该在某个地方定义吗？