跑“> npm install react-bootstrap bootstrap”
从Bootstrap导入了Button组件并添加到页面中。我收到以下错误。
我的package.json在下面有用于引导的条目以及用于响应的其他条目。
"react-bootstrap": "^1.0.0-beta.14",
"bootstrap": "^4.3.1",
import React, { Component } from 'react';
import ToggleButtonGroup from 'react-bootstrap/ToggleButtonGroup';
import ToggleButton from 'react-bootstrap/ToggleButton';
class MyButtonComponent extends Component {
render() {
let value =1;
return (
<ToggleButtonGroup type="checkbox" value={value} >
<ToggleButton value={1}>Option 1</ToggleButton>
<ToggleButton value={2}>Option 2</ToggleButton>
<ToggleButton value={3}>Option 3</ToggleButton>
</ToggleButtonGroup>
);
}
}
export default MyButtonComponent ;
错误记录
ThemeProvider.js:29 Uncaught TypeError: Object(...) is not a function
at useBootstrapPrefix (VM106126 ThemeProvider.js:29)
at eval (VM106134 ButtonGroup.js:29)
at updateForwardRef (VM105779 react-dom.development.js:13046)
at beginWork (VM105779 react-dom.development.js:13837)
at performUnitOfWork (VM105779 react-dom.development.js:15864)
at workLoop (VM105779 react-dom.development.js:15903)
at HTMLUnknownElement.callCallback (VM105779 react-dom.development.js:100)
at Object.invokeGuardedCallbackDev (VM105779 react-dom.development.js:138)
at invokeGuardedCallback (VM105779 react-dom.development.js:187)
at replayUnitOfWork (VM105779 react-dom.development.js:15311)
React bootstrap v1.0.0-beta.14在react和react dom上具有peerDependency，并且需要>=16.8.0支持钩子的版本，这就是为什么您会收到此错误的原因
"peerDependencies": {
"react": ">=16.8.0",
"react-dom": ">=16.8.0"
},
将您的react和react-dom版本从16.4.0升级到16.8.0或最新版本以解决上述错误
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句