react timepicker

React TimePicker 是一个用于选择时间的 React 组件。它提供了一个用户友好的界面，允许用户从预设的时间选项中选择或手动输入时间。这个组件可以帮助开发者在 React 应用中方便地集成时间选择功能。

要使用 React TimePicker，你需要先安装相应的依赖包。可以使用 npm 或者 yarn 进行安装，具体命令如下：

使用 npm：

npm install react-time-picker

使用 yarn：

yarn add react-time-picker

安装完成后，你可以在你的 React 组件中导入并使用 TimePicker 组件。下面是一个简单的示例：

import React, { useState } from 'react';
import TimePicker from 'react-time-picker';

function MyTimePicker() {
  const [time, setTime] = useState('10:00');

  const onChange = (selectedTime) => {
    setTime(selectedTime);
  };

  return (
    <div>
      <h1>Time Picker Example</h1>
      <TimePicker
        onChange={onChange}
        value={time}
      />
    </div>
  );
}

在上面的示例中，我们首先导入了 TimePicker 组件，并在函数组件 `MyTimePicker` 中使用它。通过使用 `useState` 钩子来管理时间的状态，并将初始时间设置为 `'10:00'`。

然后，我们定义了一个 `onChange` 函数，它会在用户选择时间时被调用，并将选择的时间更新到组件的状态中。

最后，在组件的 JSX 中，我们将 TimePicker 组件放置在 `MyTimePicker` 组件中，并传递了 `onChange` 和 `value` 属性。

这只是一个简单的示例，你可以根据自己的需要进行定制和扩展。你可以通过查看 React TimePicker 的文档和示例来了解更多用法和配置选项。