Question

我正在使用素材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>

Answer 1

您需要从此标签中删除链接标记

<Link to="ItemPreview"> <Tab label="Content"></Tab></Link>

如警告所示，您不能直接在标签下添加标签。如果需要，请尝试在标签内添加链接。

许多Material-Ui组件都有这种行为/约束，我记得Table也有这种行为。

React material UI WARNING选项卡仅接受Tab Components作为子项

1 个答案: