When calling onDelete on a chip. The Event should bring back its proper name.
Returns Undefined.
Veja https://codesandbox.io/s/j4qv2q0k85
| Tech | Versão |
| -------------- | --------- |
| @ material-ui / core | 3.4.0 |
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
Comentários muito úteis
tente algo como:
onDelete={checkListToggle.bind(this, 'keyName')}
Funcionou no meu caso