Reactjs 反应材质UI警告选项卡仅接受选项卡组件作为子项
我正在使用材质UI选项卡。 但出于某种原因,我变得 警告:选项卡仅接受选项卡组件作为子项Reactjs 反应材质UI警告选项卡仅接受选项卡组件作为子项,reactjs,material-ui,Reactjs,Material Ui,我正在使用材质UI选项卡。 但出于某种原因,我变得 警告:选项卡仅接受选项卡组件作为子项 Found function (props, context, updater) { // This constructor gets overridden by mocks. The argument is used // by mocks to assert on what gets mounted. if (process.env.NODE_ENV !== 'production') {
Found function (props, context, updater) {
// This constructor gets overridden by mocks. The argument is used
// by mocks to assert on what gets mounted.
if (process.env.NODE_ENV !== 'production') {
process.env.NODE_ENV !== 'production' ? warning(this instanceof Constructor, 'Something is calling a React component directly. Use a factory or ' + 'JSX instead. See: fb.me/react-legacyfactory') : void 0;
// Wire up auto-binding
if (this.__reactAutoBindPairs.length) {
bindAutoBindMethods(this);
}
this.props = props;
this.context = context;
this.refs = emptyObject;
this.updater = updater || ReactNoopUpdateQueue;
this.state = null;
这是我面临的警告
我的代码如下所示
return (
<MuiThemeProvider>
<div className="background">
<Header/>
<div className="container">
<Tabs>
<Tab label="Profile" onActive={this.Profile.bind(this)}>
<div>
<Profile/>
//this is children class
</div>
</Tab>
<Tab label="Downloads" >
<div>
{
data.map((detail)=> {
return <DataContainer item={detail}
ViewItem = {this.productData.bind(this)}
/>
})
}
</div>
</Tab>
<Link to="ItemPreview"> <Tab label="Content">
</Tab></Link>
</Tabs>
</div>
<Sidebar productname={productspecificdata}/>
</div>
</MuiThemeProvider>
返回(
//这是儿童班
{
data.map((细节)=>{
返回
})
}
您需要从此选项卡中删除链接标记
<Link to="ItemPreview"> <Tab label="Content"></Tab></Link>
正如警告所说,您不能将链接标记直接放在选项卡下。如果需要,请尝试在选项卡内添加链接
许多Material Ui组件都有这种行为/约束,我记得Table也有这种行为/约束。您需要从该选项卡中删除链接标记
<Link to="ItemPreview"> <Tab label="Content"></Tab></Link>
正如警告所说,您不能将链接标记直接放在选项卡下。如果需要,请尝试在选项卡内添加链接
许多材质Ui组件都有这种行为/约束,我记得表中也有这种行为/约束。你知道为什么会出现这种情况吗?我编辑了答案,解释了为什么会出现警告。你知道为什么会出现这种情况吗?我编辑了答案,解释了为什么会出现警告。