Material-ui: Chip onDelete ์ด๋ฒคํŠธ์—์„œ ๋Œ€์ƒ ์ด๋ฆ„์ด ์—†์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2018๋…„ 11์›” 07์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: mui-org/material-ui

์˜ˆ์ƒ๋˜๋Š” ๋™์ž‘

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 |

Chip question

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

onDelete={checkListToggle.bind(this, 'keyName')} ์™€ ๊ฐ™์ด ์‹œ๋„ํ•ด๋ณด์„ธ์š”.
๋‚ด ๊ฒฝ์šฐ์— ์ผํ–ˆ๋‹ค

๋ชจ๋“  3 ๋Œ“๊ธ€

ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์€ ๋‹ค์Œ์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

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')} ์™€ ๊ฐ™์ด ์‹œ๋„ํ•ด๋ณด์„ธ์š”.
๋‚ด ๊ฒฝ์šฐ์— ์ผํ–ˆ๋‹ค

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰