使用react-bootstrap时出错

Question

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

警告：标签上的未知道具bsStyle ， active ， block ， navItem ， navDropdown和bsClass 。 从元素中删除这些道具。

这是我使用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 ）都依赖于将自定义属性传递给不带data-前缀的DOM元素。

启动15.2.0 React会警告DOM元素上的未知属性

为DOM元素上的未知属性添加警告。 （＃6800中的@ jimfb，＃7152中的@ gm758）

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