农历 24节气 -- react antd 自定义组件

对于24节气的认识除了几个必吃水饺的节气外，也就只知道立春立夏立秋立冬的时候，朋友圈里发一条，‘’春（夏、秋、冬）天快乐~‘’。也不知道什么时候起，快乐对于自己来说，需要靠呼吁了，而不是用心去感受。

    2020年末的选择切换城市，对于懒惰的自己来说，以为会是个多么重大的心理抉择，可事后想起来，不过也就那么一瞬间的事情。甚至想不出一个给这次迁徙冠以高大上各种艰辛以及不容易的理由。如果非要有，那么，就当是逃离吧。

    严重偏题。

    以上，有感而发。

---

以下，为了忘却的纪念。

效果图：

依赖：lunarCalendar.js

公共组件:

import React, { useState, useEffect } from 'react';
import {
  DoubleLeftOutlined,
  LeftOutlined,
  DoubleRightOutlined,
  RightOutlined,
} from '@ant-design/icons';
import { Calendar, Col, Row } from 'antd';
import moment from 'moment';
import GetLunarDay from '../../utils/lunarCalendar'; // 农历转换工具
import styles from './NewCalendar.less';
const NewCalendar = (props) => {
  const { validRange, toFirstDay } = props;
  const [btnLY, setBtnLY] = useState(true);
  const [btnNY, setBtnNY] = useState(true);
  const [btnLM, setBtnLM] = useState(true);
  const [btnNM, setBtnNM] = useState(true);
  const [controlPeriod, setControlPeriod] = useState(false); // 控制时间段

  useEffect(() => {
    if (validRange && validRange.length === 2) {
      const nowDate = moment();
      timeCompare(nowDate, validRange[0], validRange[1]);
      setControlPeriod(true);
    }
  }, [validRange]);
  const onSelect = (value) => {
    const { selectCalendar } = props;
    selectCalendar(value.format('YYYY-MM-DD'));
  };
  const dateCellRender = (value) => {