Material-ui: В событии Chip onDelete у него нет целевого имени

Созданный на 7 нояб. 2018  ·  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"));

Спасибо за ответ. Я могу найти обходной путь без проблем. Однако этот обходной путь не разрешен es lint из-за no-multi-assign . Я просто подумал, что было бы неплохо изменить поведение. Не уверен, что это большая проблема для вас, ребята.

попробуйте что-нибудь вроде: onDelete={checkListToggle.bind(this, 'keyName')}
Сработало в моем случае

Была ли эта страница полезной?
0 / 5 - 0 рейтинги

Смежные вопросы

iamzhouyi picture iamzhouyi  ·  3Комментарии

anthony-dandrea picture anthony-dandrea  ·  3Комментарии

sys13 picture sys13  ·  3Комментарии

pola88 picture pola88  ·  3Комментарии

FranBran picture FranBran  ·  3Комментарии