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
๋๋ฌธ์ es lint์์ ํ์ฉ๋์ง ์์ต๋๋ค. ํ๋์ ๋ฐ๊พธ๋ ๊ฒ์ด ์ข์ ์๊ฐ์ด๋ผ๊ณ ์๊ฐํ์ต๋๋ค. ๋น์ ๋ค์๊ฒ ๊ทธ ํฐ ์๊ธํ ๋ฌธ์ ์ธ์ง ํ์คํ์ง ์์ต๋๋ค.
onDelete={checkListToggle.bind(this, 'keyName')}
์ ๊ฐ์ด ์๋ํด๋ณด์ธ์.
๋ด ๊ฒฝ์ฐ์ ์ผํ๋ค
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
onDelete={checkListToggle.bind(this, 'keyName')}
์ ๊ฐ์ด ์๋ํด๋ณด์ธ์.๋ด ๊ฒฝ์ฐ์ ์ผํ๋ค