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中修复。

使用react-bootstrap时出错

1 个答案: