react-big-calendar 不在其他组件中呈现任何内容

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 模块的定义与它们在 example

中的定义相同

这是我的codesandbox

Answer 1

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

尝试

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

react-big-calendar 不在其他组件中呈现任何内容

react-big-calendar not rendering anything inside other components

javascript

reactjs

react-dom

react-big-calendar