【文件属性】：
文件名称：用 React 编写的简单灵活的事件日历
文件大小：3.43MB
文件格式：ZIP
更新时间：2021-06-08 15:10:26
Date / Time picker
React Calendar 100% 测试覆盖率、响应式和灵活的 React 事件日历。
See In Action Backstory：在使用 react-big-calendar 多年之后，我决定创建自己的更易于使用、允许轻松定制并使用现代 React（无弃用方法）的自己。
npm install @zach.codes/react-calendar date-fns 基本用法样式 月历 周历 完全控制 基本用法 看到这个代码在行动 import { MonthlyBody, MonthlyCalendar, MonthlyNav, DefaultMonthlyEventItem, } from '@zach.codes/react-calendar ';
export const MyMonthlyCalendar = () => { let [currentMonth, setCurrentMonth] = useState
( startOfMonth(new Date()) );
返回 （
setCurrentMonth(date)} >
data.map((item,
【文件预览】：
react-calendar-master
----.github()
--------workflows()
----postcss.config.js(83B)
----stories()
--------Monthly.stories.tsx(4KB)
--------Weekly.stories.tsx(2KB)
--------dummyEvents.ts(1KB)
----yarn.lock(596KB)
----.eslintrc.js(66B)
----tailwind.config.js(264B)
----src()
--------Weekly()
--------index.tsx(212B)
--------tailwind.css(59B)
--------shared.ts(517B)
--------Monthly()
----tsdx.config.js(360B)
----.npmignore(61B)
----.storybook()
--------main.js(313B)
--------preview.js(242B)
----example()
--------index.html(342B)
--------index.tsx(1KB)
--------yarn.lock(263KB)
--------.npmignore(24B)
--------tsconfig.json(438B)
--------package.json(577B)
----tsconfig.json(1KB)
----LICENSE(1KB)
----test()
--------Weekly()
--------setup.js(750B)
--------Monthly()
----README.md(7KB)
----storybook-static()
--------vendors~main.a929e9ffade578b84d8a.bundle.js(2.41MB)
--------index.html(2KB)
--------main.a929e9ffade578b84d8a.bundle.js(53KB)
--------main.a929e9ffade578b84d8a.bundle.js.map(153B)
--------vendors~main.a929e9ffade578b84d8a.bundle.js.map(170B)
--------favicon.ico(32KB)
--------vendors~main.4abf29e4f956d5befb41.bundle.js.LICENSE.txt(3KB)
--------vendors~main.4abf29e4f956d5befb41.bundle.js(1.67MB)
--------iframe.html(4KB)
--------vendors~main.a929e9ffade578b84d8a.bundle.js.LICENSE.txt(3KB)
--------runtime~main.6a9b04192e3176eff72a.bundle.js(3KB)
--------main.2d01924b12554c6c15af.bundle.js(973KB)
--------runtime~main.a929e9ffade578b84d8a.bundle.js(3KB)
--------runtime~main.a929e9ffade578b84d8a.bundle.js.map(169B)
----docs()
--------vendors~main.a929e9ffade578b84d8a.bundle.js(2.41MB)
--------index.html(2KB)
--------main.8450f31c58d9274da1b7.bundle.js(60KB)
--------main.a929e9ffade578b84d8a.bundle.js(53KB)
--------main.a929e9ffade578b84d8a.bundle.js.map(153B)
--------vendors~main.a929e9ffade578b84d8a.bundle.js.map(170B)
--------favicon.ico(32KB)
--------vendors~main.8450f31c58d9274da1b7.bundle.js(3.1MB)
--------vendors~main.4abf29e4f956d5befb41.bundle.js.LICENSE.txt(3KB)
--------CNAME(19B)
--------main.8450f31c58d9274da1b7.bundle.js.map(153B)
--------vendors~main.8450f31c58d9274da1b7.bundle.js.map(170B)
--------vendors~main.4abf29e4f956d5befb41.bundle.js(1.67MB)
--------runtime~main.8450f31c58d9274da1b7.bundle.js(3KB)
--------runtime~main.8450f31c58d9274da1b7.bundle.js.map(169B)
--------iframe.html(4KB)
--------vendors~main.8450f31c58d9274da1b7.bundle.js.LICENSE.txt(3KB)
--------vendors~main.a929e9ffade578b84d8a.bundle.js.LICENSE.txt(3KB)
--------runtime~main.6a9b04192e3176eff72a.bundle.js(3KB)
--------main.2d01924b12554c6c15af.bundle.js(973KB)
--------runtime~main.a929e9ffade578b84d8a.bundle.js(3KB)
--------runtime~main.a929e9ffade578b84d8a.bundle.js.map(169B)
----.gitignore(63B)
----package.json(2KB)