如何修改calender组件的头部部分

要修改`calendar`组件的头部部分，可以使用`header`属性来设置。`header`属性是一个函数，它接收一个参数`props`，可以通过这个参数来自定义头部部分的内容。

以下是一个示例代码，使用了`header`属性自定义了头部部分的内容：

import React from 'react';
import { Calendar } from 'antd';

function customHeader(props) {
  const { value, onChange } = props;

  function onPrev() {
    const newValue = value.clone();
    newValue.subtract(1, 'month');
    onChange(newValue);
  }

  function onNext() {
    const newValue = value.clone();
    newValue.add(1, 'month');
    onChange(newValue);
  }

  return (
    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
      <button onClick={onPrev}>Prev</button>
      <div>{value.format('MMMM YYYY')}</div>
      <button onClick={onNext}>Next</button>
    </div>
  );
}

function App() {
  return (
    <div>
      <Calendar header={customHeader} />
    </div>
  );
}

export default App;

在上面的代码中，我们定义了一个名为`customHeader`的函数，它接收一个`props`参数，包含`value`和`onChange`属性。`value`表示当前选中的日期，`onChange`表示在用户选择日期时调用的回调函数。`customHeader`函数返回一个自定义的头部部分，包含“Prev”和“Next”按钮以及当前月份的显示。

最后，我们将`customHeader`函数传递给`Calendar`组件的`header`属性，就可以自定义`calendar`组件的头部部分了。