Reactjs 反应材质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') {

我正在使用材质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') {
    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组件都有这种行为/约束,我记得表中也有这种行为/约束。

你知道为什么会出现这种情况吗?我编辑了答案,解释了为什么会出现警告。你知道为什么会出现这种情况吗?我编辑了答案,解释了为什么会出现警告。