Question

我试图在我的网页上使用React-bootstrap，但我的第一个组件出错了。我用yeoman fluxible generator搭建了一个页面，我正在尝试添加react-bootstrap。

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.

Answer 1

Fluxible generator使用反应0.13，它与react-bootstrap不兼容。升级后反应到0.14.3就可以了。

错误：不变违规：Grid.render（）

1 个答案: