Material-ui: Pada acara Chip onDelete itu tidak memiliki nama target

Dibuat pada 7 Nov 2018  ·  3Komentar  ·  Sumber: mui-org/material-ui

Perilaku yang Diharapkan

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

Perilaku Saat Ini

Returns Undefined.

Langkah-langkah untuk Mereproduksi

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

| Teknologi | Versi |
| -------------- | --------- |
| @ material-ui / core | 3.4.0 |

Chip question

Komentar yang paling membantu

coba sesuatu seperti: onDelete={checkListToggle.bind(this, 'keyName')}
Bekerja dalam kasus saya

Semua 3 komentar

Solusinya adalah dengan melakukan:

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

Terima kasih atas tanggapannya. Saya bisa melakukan solusi tanpa masalah. Namun, solusi itu tidak diizinkan oleh es lint karena no-multi-assign . Saya hanya berpikir mungkin ide yang bagus untuk mengubah perilaku. Tidak yakin apakah itu masalah besar yang mendesak untuk kalian.

coba sesuatu seperti: onDelete={checkListToggle.bind(this, 'keyName')}
Bekerja dalam kasus saya

Apakah halaman ini membantu?
0 / 5 - 0 peringkat