Material-ui: Auf dem Chip onDelete-Ereignis hat es keinen Zielnamen

Erstellt am 7. Nov. 2018  ·  3Kommentare  ·  Quelle: mui-org/material-ui

Erwartetes Verhalten

When calling onDelete on a chip. The Event should bring back its proper name.

Aktuelles Verhalten

Returns Undefined.

Schritte zum Reproduzieren

Siehe https://codesandbox.io/s/j4qv2q0k85

| Tech | Version |
| -------------- | --------- |
| @ material-ui / core | 3.4.0 |

Chip question

Hilfreichster Kommentar

Versuchen Sie etwas wie: onDelete={checkListToggle.bind(this, 'keyName')}
Hat in meinem Fall funktioniert

Alle 3 Kommentare

Die Problemumgehung besteht darin, Folgendes zu tun:

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"));

Vielen Dank für eine Antwort. Ich kann ohne Probleme eine Problemumgehung durchführen. Diese Problemumgehung ist jedoch aufgrund von no-multi-assign von es lint nicht zulässig. Ich dachte nur, es wäre eine gute Idee, das Verhalten zu ändern. Ich bin mir nicht sicher, ob es das große dringende Problem für euch ist.

Versuchen Sie etwas wie: onDelete={checkListToggle.bind(this, 'keyName')}
Hat in meinem Fall funktioniert

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen