Ejecutó ">npm install react-bootstrap bootstrap"
Se importó el componente de botón de Bootstrap y se agregó a la página. Recibo el siguiente error.
Mi paquete.json tiene entradas debajo para bootstrap junto con otras entradas para reaccionar.
"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 ;
Registro de errores
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)
- roopa
SourceReact bootstrap v1.0.0-beta.14
tiene una dependencia de pares en reaccionar y reaccionar dom y requiere versiones >=16.8.0
que admitan ganchos, por lo que obtiene este error
"peerDependencies": {
"react": ">=16.8.0",
"react-dom": ">=16.8.0"
},
Actualice sus versiones de react y react-dom de 16.4.0 a 16.8.0 o la última versión para resolver el error anterior