Material-ui: Lors de l'événement Chip onDelete, il n'a pas de nom de cible

Créé le 7 nov. 2018  ·  3Commentaires  ·  Source: mui-org/material-ui

Comportement prévisible

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

Comportement actuel

Returns Undefined.

Étapes à suivre pour reproduire

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

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

Chip question

Commentaire le plus utile

essayez quelque chose comme: onDelete={checkListToggle.bind(this, 'keyName')}
A travaillé dans mon cas

Tous les 3 commentaires

La solution de contournement consiste à faire:

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

Merci pour une réponse. Je peux faire une solution de contournement sans problème. Cependant, cette solution de contournement n'est pas autorisée par es lint à cause de no-multi-assign . J'ai juste pensé que ce serait peut-être une bonne idée de changer de comportement. Je ne sais pas si c'est ce gros problème pressant pour vous les gars.

essayez quelque chose comme: onDelete={checkListToggle.bind(this, 'keyName')}
A travaillé dans mon cas

Cette page vous a été utile?
0 / 5 - 0 notes