可选列表的Customer ListItem在material-ui中不起作用

Question

我使用了可选列表,但是如果我写了一个自定义列表项,则列表不可选.如果我直接使用listitem,则列表是可选的.

var DataCenterRow = React.createClass({
    render: function () {
        return (
            < ListItem primaryText = {this.props.datacenter.name}
                rightIconButton= {rightIconMenu}
                value={this.props.index} onTouchTap= {this.selectItem}/>
        );
    }
});

module.exports = DataCenterRow

Answer 1

如果您查看makeSelectable的源代码，会检查 muiName === 'ListItem'，因此请确保您的自定义 ListItem 的类型等于 'ListItem'。

ES6:
static muiName = 'ListItem';

ES5:
DataCenterRow.muiName = 'ListItem';

不要忘记使用从外部获取的样式来渲染 DataCenterRow （因为 makeSelectable 会通过 selectedItemStyle 传递给所选项目）