Estoy tratando de crear alguna aplicación con react-big-calender , pero me encuentro con un comportamiento extraño. Si lo envuelvo dentro de cualquier otro componente que no sea renderizarlo directamente, no muestra nada en absoluto.
const App = () => { return ( <div> <Cal /> </div> ); }; ReactDOM.render(<Cal />, document.getElementById("root")); //<- works ReactDOM.render(<App />, document.getElementById("root")); //<- works, but doesn't show anything Y ese módulo Cal se define como se definió en su ejemplo .
Aquí está mi caja de códigos
Este problema no está relacionado con react-big-calender , es el problema de CSS .
Probar
<div style={{ width: "100%", height: "100%" }}> <Cal /> </div>