When calling onDelete on a chip. The Event should bring back its proper name.
Returns Undefined.
Siehe https://codesandbox.io/s/j4qv2q0k85
| Tech | Version |
| -------------- | --------- |
| @ material-ui / core | 3.4.0 |
Die Problemumgehung besteht darin, Folgendes zu tun:
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"));
Vielen Dank für eine Antwort. Ich kann ohne Probleme eine Problemumgehung durchführen. Diese Problemumgehung ist jedoch aufgrund von no-multi-assign
von es lint nicht zulässig. Ich dachte nur, es wäre eine gute Idee, das Verhalten zu ändern. Ich bin mir nicht sicher, ob es das große dringende Problem für euch ist.
Versuchen Sie etwas wie: onDelete={checkListToggle.bind(this, 'keyName')}
Hat in meinem Fall funktioniert
Hilfreichster Kommentar
Versuchen Sie etwas wie:
onDelete={checkListToggle.bind(this, 'keyName')}
Hat in meinem Fall funktioniert