When calling onDelete on a chip. The Event should bring back its proper name.
Returns Undefined.
https://codesandbox.io/s/j4qv2q0k85を参照して
| 技術| バージョン|
| -------------- | --------- |
| @ material-ui / core | 3.4.0 |
回避策は次のとおりです。
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"));
ご返信ありがとうございます。 問題なく回避策を実行できます。 ただし、その回避策はno-multi-assign
ため、eslintでは許可されていません。 振る舞いを変えるのはいい考えかもしれないと思っただけです。 それがあなたたちにとってその大きな差し迫った問題であるかどうかはわかりません。
次のようなものを試してください: onDelete={checkListToggle.bind(this, 'keyName')}
私の場合は働いた
最も参考になるコメント
次のようなものを試してください:
onDelete={checkListToggle.bind(this, 'keyName')}
私の場合は働いた