Question

我正在尝试使用material-ui中的Chip组件。

当我单独使用它时，它可以工作，但是当我使用循环（map）渲染它时，出现了这个错误：

警告：道具类型失败：属性children为不支持。请删除它。在芯片中（由WithStyles（Chip）创建）

这是我的渲染方法的示例：

render() {
    const { classes, theme } = props;
    return (
        <div>
            {['aa', 'bb', 'cc'].map((e, index) => <Chip key={index}>{e}</Chip>)}
        </div>
    );
}

来自有关儿童的官方Material-ui文档：

不支持此属性。如果需要更改子代结构，请使用component属性。

但是在我的示例中，我没有使用子道具，我的代码出了什么问题？

Answer 1

您正在将e作为子级发送给Chip组件。

如果要显示数组元素（e）的文本，则应通过label属性发送。

这应该为您完成工作：

render() {
    const { classes, theme } = props;
    return (
        <div>
            {['aa', 'bb', 'cc'].map((e, index) => <Chip label={e} key={index} />)}
        </div>
    );
}

使用者介面晶片无法在循环内运作

1 个答案: