我有一组选项卡,我希望后面跟着一个添加按钮(添加一个新选项卡)。我刚刚向 Tabs 组件的子项添加了一个按钮,它按照我想要的方式呈现和工作,但是开发人员控制台中有很多警告。
<AppBar position="static">
<Tabs
value={this.props.selectedTab}
onChange={this.handleTabSelect}
textColor="secondary"
>
{this.props.ListOfStuff.map(el => {
return (
<Tab
className={classes.tabButton}
value={el.ClientId}
label={el.Label}
id={el.ClientId}
aria-controls={"tabPanel-" + el.ClientId}
key={"tab-" + el.ClientId}
/>
);
})}
<Button
className={classes.addButton}
onClick={this.addNewTab}
>
<AddIcon color="secondary" className={classes.addIcon} />
NEW TAB
</Button>
</Tabs>
</AppBar>
Run Code Online (Sandbox Code Playgroud)
警告如: - 警告:收到false非布尔属性indicator。- 警告:React 无法识别textColorDOM 元素上的prop。- 警告:ForwardRef(InputBase) 包含具有 value 和 defaultValue 属性的时间类型的输入。
关于如何保持以相同方式呈现但摆脱所有这些警告的任何建议?
谢谢