Material-ui: No evento Chip onDelete ele não tem o nome do alvo

Criado em 7 nov. 2018  ·  3Comentários  ·  Fonte: mui-org/material-ui

Comportamento esperado

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

Comportamento Atual

Returns Undefined.

Passos para reproduzir

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

| Tech | Versão |
| -------------- | --------- |
| @ material-ui / core | 3.4.0 |

Chip question

Comentários muito úteis

tente algo como: onDelete={checkListToggle.bind(this, 'keyName')}
Funcionou no meu caso

Todos 3 comentários

A solução alternativa é fazer:

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

Obrigado por uma resposta. Posso fazer uma solução alternativa sem problemas. No entanto, essa solução alternativa não é permitida pela es lint por causa de no-multi-assign . Só pensei que seria uma boa ideia mudar o comportamento. Não tenho certeza se é esse grande problema urgente para vocês.

tente algo como: onDelete={checkListToggle.bind(this, 'keyName')}
Funcionou no meu caso

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

ryanflorence picture ryanflorence  ·  3Comentários

ghost picture ghost  ·  3Comentários

FranBran picture FranBran  ·  3Comentários

newoga picture newoga  ·  3Comentários

reflog picture reflog  ·  3Comentários