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 ===＆＃39; ListItem＆＃39;，因此请确保您的自定义ListItem的类型等于＆＃39; ListItem＆＃39;

ES6:
static muiName = 'ListItem';

ES5:
DataCenterRow.muiName = 'ListItem';

不要忘记使用从外部获取的样式呈现DataCenterRow（因为makeSelectable会将selectedItemStyle传递给所选项目）

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

1 个答案: