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ため、eslintでは許可されていません。 振る舞いを変えるのはいい考えかもしれないと思っただけです。 それがあなたたちにとってその大きな差し迫った問題であるかどうかはわかりません。

次のようなものを試してください: onDelete={checkListToggle.bind(this, 'keyName')}
私の場合は働いた

このページは役に立ちましたか?
0 / 5 - 0 評価