在自定义日历React本机中显示获取的日期

，可以通过以下步骤实现：

1. 首先，需要创建一个React组件来显示日历。可以使用React的函数组件或类组件来实现。在组件中，可以使用state来存储选定的日期。
2. 在组件中，可以使用JavaScript的Date对象来获取当前日期。可以使用Date对象的方法，如getFullYear()、getMonth()、getDate()来获取年、月、日。
3. 在组件中，可以使用HTML和CSS来创建日历的外观。可以使用表格或div元素来布局日期，并使用CSS样式来美化日历。
4. 在组件中，可以使用循环来生成日期格子。可以使用JavaScript的循环语句，如for循环或map()方法来生成日期格子，并将日期显示在格子中。
5. 在组件中，可以使用事件处理函数来处理日期的选择。可以为每个日期格子添加点击事件，并在事件处理函数中更新选定的日期。
6. 在组件中，可以使用state来更新选定的日期，并重新渲染日历。可以使用React的setState()方法来更新state，并在render()方法中重新渲染日历。

以下是一个简单的示例代码：

import React, { useState } from 'react';

const Calendar = () => {
  const [selectedDate, setSelectedDate] = useState(null);

  const handleDateClick = (date) => {
    setSelectedDate(date);
  };

  const renderCalendar = () => {
    // 生成日期格子的逻辑
    // ...

    return (
      <div className="calendar">
        {/* 日历的HTML和CSS */}
        {/* 日期格子的循环生成 */}
        {/* 日期格子的点击事件处理 */}
      </div>
    );
  };

  return (
    <div>
      <h1>自定义日历</h1>
      {renderCalendar()}
      {selectedDate && <p>选定的日期：{selectedDate}</p>}
    </div>
  );
};

export default Calendar;

这个示例代码中，使用了React的useState()钩子来创建了一个名为selectedDate的state变量，用于存储选定的日期。handleDateClick()函数用于处理日期格子的点击事件，并更新选定的日期。renderCalendar()函数用于生成日历的HTML和CSS，并循环生成日期格子，并添加点击事件处理。最后，在组件的返回值中，渲染日历和选定的日期。

这只是一个简单的示例，实际的自定义日历可能需要更复杂的逻辑和样式。根据具体需求，可以进一步优化和扩展这个示例。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云服务器（CVM）：提供可扩展的云服务器实例，适用于各种计算场景。产品介绍链接
• 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。产品介绍链接
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。产品介绍链接
• 腾讯云人工智能（AI）：提供丰富的人工智能服务和解决方案，包括图像识别、语音识别、自然语言处理等。产品介绍链接
• 腾讯云物联网（IoT）：提供全面的物联网解决方案，包括设备接入、数据管理、应用开发等。产品介绍链接
• 腾讯云区块链服务（BCS）：提供简单易用的区块链服务，支持快速搭建和管理区块链网络。产品介绍链接
• 腾讯云音视频处理（VOD）：提供高效、稳定的音视频处理服务，包括转码、截图、水印等功能。产品介绍链接
• 腾讯云云原生应用引擎（TKE）：提供全托管的容器化应用服务，支持快速部署和管理容器应用。产品介绍链接

请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。