react大日历不在其他组件中呈现任何内容

Question

我正试图用react-big-calender创建一些应用程序，但我面临着它的一些奇怪行为。如果我将它封装在任何其他组件中，而不是直接渲染它，它根本不会显示任何内容。

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

Cal模块的定义与他们的示例中的定义相同

这是我的代码沙盒

Answer 1

这个问题与react-big-calender无关，它是CSS的问题。

尝试

<div style={{ width: "100%", height: "100%" }}>
<Cal />
</div>