React Material-UI“Chip”组件的“x”（删除）按钮不起作用

Question

我无法像示例中那样让“Chip”控件支持“X”按钮：http://www.material-ui.com/#/components/chip

添加“onRequestDelete”属性会添加“X”按钮，但单击它不会执行任何操作。事实上，悬停在“X”按钮本身上似乎并没有触发其悬停效果（即整个芯片具有悬停效果，并且按钮本身应该具有悬停效果 - 看起来并不像按钮的悬停效果曾经发生过）。就像我无法获得按钮的焦点一样。

注意：如果我单击芯片并按“删除”键，则会弹出“> IN DELETE”警报。我注意到类似的行为，因为我也尝试使用material-ui-chip-input，“Backspace”可以删除芯片，但我永远不能使用“X”按钮。

基本示例：

import React from 'react';
import Chip from 'material-ui/Chip';

class MyChip extends React.Component {
    constructor(props) {
        super(props);

        this.delete = this.delete.bind(this);
    }

    delete(e) {
        alert(" > IN DELETE"); // Does not fire on button click (except when I hit "Delete" key, see above explanation)
    }

    render() {
        return <Chip key={0} onRequestDelete={this.delete}>testy</Chip>;
    }
}

相关package.json依赖项：

"material-ui": "^0.16.7",
"material-ui-chip-input": "^0.12.1",
"react": "^15.4.2",
"react-dom": "^15.4.2",
"react-tap-event-plugin": "^2.0.1",

Answer 1

删除功能好像不存在。请尝试在Chip点击事件上绑定：

return <Chip key={0} onRequestDelete={this.delete.bind(this)}>testy</Chip>;