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 等级