Arrow function should not return assignment

[TaurusWood]

In my code if I write ref={arg => this.deleteBtn = arg}, the ESLint will show error;
<button type="button" className="btn btn-xs close" onClick={this.deleteTask} ref={arg => this.deleteBtn = arg} >
The ESLint : Arrow function should not return assignment.(no-return-assign)

So , If that is:
<button type="button" className="btn btn-xs close" onClick={this.deleteTask} ref={(arg) => { this.deleteBtn = arg; }} >

Then the ESLint has no error show

[ljharb]

Sounds like the error is doing the right thing! Your corrected code is indeed better.

[hazratgs]

Try it like this
ref={arg => (this.deleteBtn = arg)}

[ljharb]

That's still returning an assignment. If the eslint rule allows that, it's a bug in the rule.

[ljharb]

Ah, it turns out no-return-assign defaults to an option of "except-parens". I strongly encourage you to set that to "always" instead. The airbnb config will soon begin doing so.

[chotalia]

this worked for me
ref={arg => { this.deleteBtn = arg; } }

[bimalgrg519]

Small change....
ref={(arg) => {this.deleteBtn = arg; }}