首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >错误:不变冲突: Grid.render()

错误:不变冲突: Grid.render()
EN

Stack Overflow用户
提问于 2015-12-12 21:20:18
回答 1查看 61关注 0票数 0

我试图在我的页面上使用React-bootstrap,但在我的第一个组件上遇到错误。我已经用yeoman generator搭建了一个页面,并尝试将react-bootstrap添加到其中。

代码语言:javascript
运行
复制
import {Grid} from 'react-bootstrap';
import {Row} from 'react-bootstrap';
import {Col} from 'react-bootstrap';

class Application extends React.Component {
render() {
    var Handler = this.props.currentRoute.get('handler');

    return (
        <div>
          <Grid>
            <Row>
                 <Col xs={12} md={8}>
                     <Nav selected={this.props.currentPageName} links={this.props.pages} />
                </Col>
            </Row>
            <Row>
                <Col>
                    <Handler />
                </Col>
            </Row>
          </Grid>
        </div>
    );
}

但是当我运行它时,我得到了错误Error: Invariant Violation: Grid.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object.

EN

回答 1

Stack Overflow用户

发布于 2015-12-12 22:55:10

可变生成器使用react 0.13,它与react-bootstrap不兼容。在将react升级到0.14.3之后,它可以正常工作。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34240285

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档