Material-ui: في حدث Chip onDelete لم يكن لها اسم الهدف

الحل هو القيام بما يلي:

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')}
عملت في حالتي