javascript - 添加自定义标题 react-infinite-calendar

Question

如何将自定义标题组件添加到react-infinite-calendar？似乎该软件包没有那种支持（虽然不确定）。

有什么方法可以在标题中插入按钮组件？

预期输出：

基本日历初始化：

https://codesandbox.io/s/floral-fire-npsq7?file=/src/App.js

标签： javascriptreactjscalendar

Answer 1

是的，您可以使用HeaderComponentprop 将自定义标头传递给 react-infinite-calendar。您可以在您的代码框示例中使用以下代码。

import "./styles.css";
import InfiniteCalendar from 'react-infinite-calendar'
import 'react-infinite-calendar/styles.css' 
export default function App() {
  return (
    <div className="App">
      <InfiniteCalendar
        width={400}
        height={600}
        HeaderComponent={() => <p>123</p>}
      />
    </div>
  );
}