mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-28 11:08:30 +08:00
33 lines
684 B
Markdown
33 lines
684 B
Markdown
---
|
|
order: 1
|
|
title:
|
|
zh-CN: 自定义渲染
|
|
en-US: Custom Render
|
|
---
|
|
|
|
## zh-CN
|
|
|
|
用 `dateCellRender` 和 `monthCellRender` 函数来自定义需要渲染的数据。
|
|
|
|
## en-US
|
|
|
|
This component can be rendered by using `dateCellRender` and `monthCellRender` with the data you need.
|
|
|
|
````jsx
|
|
import { Calendar } from 'antd';
|
|
|
|
function dateCellRender(value) {
|
|
return <div>自定义日数据 {value.getDayOfMonth()}</div>;
|
|
}
|
|
|
|
function monthCellRender(value) {
|
|
return <div>自定义月数据 {value.getMonth()}</div>;
|
|
}
|
|
|
|
ReactDOM.render(
|
|
<Calendar defaultValue={new Date('2010-10-10')}
|
|
dateCellRender={dateCellRender} monthCellRender={monthCellRender}
|
|
/>
|
|
, mountNode);
|
|
````
|