使用 react-bootstrap 时出错

Question

我在 Keystone.JS 项目中使用 React-bootstrap 包。为了测试，我尝试在我的索引页面中放置一个按钮。但是，我收到以下警告：

Warning: Unknown props bsStyle, active, block, navItem, navDropdown, bsClass on tag. Remove these props from the element.

这是我使用的代码 Button:

var React = require('react');
var Layout = require('../../layouts/defaultLayout');
var ReactDOMServer = require('react-dom/server');
var Button = require('react-bootstrap').Button;

module.exports = React.createClass({
    render: function () {
        return (
            <Button bsStyle="primary">Default button</Button>
        );
    }
});

我错过了什么？感谢您的帮助。

Answer 1

长话短说

许多组件库（包括 react-bootstrap 参见 issue）依赖于将自定义属性传递给 DOM 元素 w/o data- 前缀。

从 15.2.0 开始，React 会警告 DOM 元素上的未知属性

Add warning for unknown properties on DOM elements. (@jimfb in #6800, @gm758 in #7152)

您需要更新库。这已在 v0.30.0-rc.1 中修复。

使用 react-bootstrap 时出错

Error in using react-bootstrap

reactjs

react-bootstrap