Uncaught TypeError: Cannot read property 'findDOMNode' of undefined when using react-bootstrap splitdown

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>

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

Uncaught TypeError: Cannot read property 'findDOMNode' of undefined

错误指向 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 之前放置 import ReactDOM from 'react-dom' Bootstrap

Uncaught TypeError: Cannot read property 'findDOMNode' of undefined when using react-bootstrap splitdown

Uncaught TypeError: Cannot read property 'findDOMNode' of undefined when using react-bootstrap splitdown

reactjs

react-bootstrap