When calling onDelete on a chip. The Event should bring back its proper name.
Returns Undefined.
Voir https://codesandbox.io/s/j4qv2q0k85
| Tech | Version |
| -------------- | --------- |
| @ material-ui / core | 3.4.0 |
La solution de contournement consiste à faire:
import ReactDOM from "react-dom";
import React from "react";
import { Chip } from "@material-ui/core";
class App extends React.Component {
checkListToggle = name => event => {
alert(name);
};
render() {
return (
<div>
<Chip
name="keyName"
label="keyname"
color="primary"
onDelete={this.checkListToggle('keyName')}
/>
</div>
);
}
}
ReactDOM.render(<App />, document.getElementById("root"));
Merci pour une réponse. Je peux faire une solution de contournement sans problème. Cependant, cette solution de contournement n'est pas autorisée par es lint à cause de no-multi-assign
. J'ai juste pensé que ce serait peut-être une bonne idée de changer de comportement. Je ne sais pas si c'est ce gros problème pressant pour vous les gars.
essayez quelque chose comme: onDelete={checkListToggle.bind(this, 'keyName')}
A travaillé dans mon cas
Commentaire le plus utile
essayez quelque chose comme:
onDelete={checkListToggle.bind(this, 'keyName')}
A travaillé dans mon cas