Question

我使用react-bootstrap中的示例为我的页面添加了一个拆分按钮下拉列表来测试它。

我的代码..

<SplitButton bsStyle={"primary"} title={"test"} key={1} id={`this-is-a-test`}>
    <MenuItem eventKey="1">Action</MenuItem>
    <MenuItem eventKey="2">Another action</MenuItem>
    <MenuItem eventKey="3">Something else here</MenuItem>
    <MenuItem divider />
    <MenuItem eventKey="4">Separated link</MenuItem>
</SplitButton>

单击拆分按钮下拉列表时，控制台显示

未捕获的TypeError：无法读取属性＆＃39; findDOMNode＆＃39;未定义的

错误指向react-bootstrap.js文件中的代码。

exports.default = function (componentOrElement) {
    return (0, _ownerDocument2.default)(_reactDom2.default.findDOMNode(componentOrElement));
};

我看过其他建议升级React和React-dom的答案，但我认为我的版本还可以（两者都是15.3.0）。

编辑：

它适用于我创建的导入相同文件的codepen。问题必须与我的实施有关..

Answer 1

确保您的导入订单正确无误！

在导入React Bootstrap之前放置import ReactDOM from 'react-dom'

未捕获的TypeError：无法读取属性＆＃39; findDOMNode＆＃39;使用react-bootstrap拆分时未定义的

1 个答案: