react protable怎么添加时间选择器

在 React 中添加一个时间选择器，你可以使用第三方库来完成。其中一个流行的库是 `react-datetime-picker`。

首先，你需要安装该库。在终端中进入你的项目目录，并运行以下命令：

npm install react-datetime-picker

安装完成后，你可以在你的组件中引入并使用 `react-datetime-picker`。以下是一个简单的示例：

import React, { useState } from 'react';
import DateTimePicker from 'react-datetime-picker';

function MyComponent() {
  const [selectedDate, setSelectedDate] = useState(new Date());

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

  return (
    <div>
      <h1>选择时间</h1>
      <DateTimePicker
        onChange={handleDateChange}
        value={selectedDate}
      />
    </div>
  );
}

export default MyComponent;

在上面的示例中，我们在组件中使用了 `useState` 来创建一个状态 `selectedDate` 来保存选中的日期时间。然后，我们定义了一个 `handleDateChange` 函数来更新选中的日期时间，并将其传递给 `onChange` 属性。最后，我们将 `selectedDate` 和 `handleDateChange` 分别传递给 `value` 和 `onChange` 属性，以便将时间选择器与组件的状态和更新函数关联起来。

这只是一个简单的示例，你可以根据你的需求进行进一步定制和样式调整。希望对你有帮助！