Unexpected use of 'confirm' no-restricted-globals

Reactjs

Reactjs Problem Overview


I am writing code for the delete confirmation for the user, but when I run it up it shows this error enter image description here

This is my code for that

	onDelete = (id) => {
	  console.log(id);
	  if (confirm('You want to delette ?')) {
       //eslint-disable-line
		this.props.onDelete(id);
	  }
    };

Can anyone explain it to me, Please? Although I have to add //eslint-disable-line but it does not work, my problem in here is when I add //eslint-disable-line beside if (confirm('You want to delette ?')) { like this

`if (confirm('You want to delette ?')) {//eslint-disable-line`

but when I save it, it show like this

if (confirm('You want to delette ?')) {
       //eslint-disable-line

, it automatically down the line, so that the reason display error above, I do not know how to turn of the auto down line when I save

Reactjs Solutions


Solution 1 - Reactjs

You have to use window.confirm() instead of just confirm().

Solution 2 - Reactjs

You can change this part:

if (confirm('You want to delette ?')) {
       //eslint-disable-line
        this.props.onDelete(id);
      }
    };

to:

if (window.confirm('You want to delette ?')) {
       //eslint-disable-line
        this.props.onDelete(id);
      }
    };

Just add window.

Solution 3 - Reactjs

You can disable this error by adding eslint comment above the confirm() method.

onDelete = (id) => {
  console.log(id);
  // eslint-disable-next-line no-restricted-globals
  if (confirm('You want to delete ?')) {
   //eslint-disable-line
    this.props.onDelete(id);
  }
};

or you can replace the confirm method with window.confirm()

onDelete = (id) => {
  console.log(id);
  if (window.confirm('You want to delete ?')) {
   //eslint-disable-line
    this.props.onDelete(id);
  }
};

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionJinView Question on Stackoverflow
Solution 1 - Reactjsdhruv tailorView Answer on Stackoverflow
Solution 2 - Reactjsahmad wahyuView Answer on Stackoverflow
Solution 3 - ReactjsCodemakerView Answer on Stackoverflow