React-DatePicker 布局问题。有人知道如何解决吗？

Question

我正在尝试使用 React Date Picker，但是当我导入组件并使用它时，布局很奇怪。有人可以帮我吗？

Layout

代码：

import DatePicker from "react-datepicker";
import React, {useState} from "react";

function App() {
  const [startDate, setStartDate] = useState(null);
  return (
      // <TournamentCreationPage/>
      <DatePicker
          locale="fr"
      />
  );
}

export default App;

提前谢谢你，

Answer 1

您需要按照文档中的说明导入 css：

导入“react-datepicker/dist/react-datepicker.css”；

https://www.npmjs.com/package/react-datepicker

React-DatePicker 布局问题。有人知道如何解决吗？

React-DatePicker layout problem. Does someone know how to fix it?

reactjs

layout

jsx

react-datepicker