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

Question

There is a component that must be build which must receive a function for onClick. The problem is that the function is not defined yet so it must receive some 'empty' function in order to pass the tests.

This is the code:

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

So I added a console.log() but eslint doesn't like it so the comments before and after it were added.

Is there a way to put a function that doesn't do anything just to pass the linting?

Try this () => {}

captain-yossarian from Ukraine
– captain-yossarian from Ukraine

2021-12-07 09:04:20 +00:00
Commented Dec 7, 2021 at 9:04 — captain-yossarian from Ukraine
– captain-yossarian from Ukraine, Commented Dec 7, 2021 at 9:04

hellogoodnight · Accepted Answer · 2021-12-07 08:17:21Z

2

The function can just return null:

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

answered Dec 7, 2021 at 8:17

hellogoodnight

2,1697 gold badges32 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Arif Khan · Accepted Answer · 2021-12-07 08:20:18Z

1

Use this:

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

answered Dec 7, 2021 at 8:20

Arif Khan

5086 silver badges13 bronze badges

Comments

Gilbert · Accepted Answer · 2021-12-07 11:06:39Z

0

Maybe try returning void instead?

onClick={() => void 0}

edited Dec 7, 2021 at 11:06

Gilbert

3,42232 silver badges40 bronze badges

answered Dec 7, 2021 at 8:17

Dru

113 bronze badges

1 Comment

Leo Messi Over a year ago

it doesn't work. should void0 be defined somewhere?

Collectives™ on Stack Overflow

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

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related