【文件属性】：
文件名称：react-calendar-heatmap:受github贡献图启发的svg日历热图
文件大小：312KB
文件格式：ZIP
更新时间：2021-04-28 23:46:11
JavaScript
React日历热图
受github的提交日历图启发，基于SVG构建的日历热图组件。 该组件将扩展到容器的大小，并且是超级可配置的。 。
设置
使用yarn或npm安装npm模块：
yarn add react-calendar-heatmap
用法
导入组件：
import CalendarHeatmap from 'react-calendar-heatmap' ;
导入样式。 您可以直接从需要CSS加载器的模块中导入：
import 'react-calendar-heatmap/dist/styles.css' ;
默认情况下，create-react-app中包含CSS加载器。 如果没有CSS加载器，则只需到项目中的文件中，然后导入即可。
要显示1月1日至4月1日的基本热图，请执行以下操作：
< CalendarHeatmap
startDate = { new
【文件预览】：
react-calendar-heatmap-master
----.gitignore(79B)
----.babelrc(281B)
----.eslintrc(295B)
----package.json(3KB)
----src()
--------helpers.js(737B)
--------index.test.js(8KB)
--------index.js(12KB)
--------helpers.test.js(6KB)
--------constants.js(300B)
--------styles.css(1KB)
----.nvmrc(8B)
----.travis.yml(90B)
----jest.config.js(86B)
----CONTRIBUTING.md(783B)
----LICENSE(1KB)
----CHANGELOG.md(2KB)
----.prettierrc.json(100B)
----rollup.config.js(1016B)
----README.md(5KB)
----demo()
--------.gitignore(285B)
--------.eslintrc(29B)
--------package.json(824B)
--------src()
--------public()
--------.env(26B)
--------README.md(663B)
--------yarn.lock(451KB)
----.eslintignore(27B)
----yarn.lock(255KB)