时间戳

首页 > 解决方案 > 反应日期时间选择器

reactjs - 反应日期时间选择器

问题描述

使用 React DateTimePicker 我正在尝试更新更改的新日期，但它没有使用新日期更新。谁能告诉我这里出了什么问题？

  import DateTimePicker from 'react-datetime-picker';

 const [values, setValues] = useState(new Date()); 

const onDateTimeChangeHandler = (newDate) => {
    setValues(newDate);
  };

<DateTimePicker
  onChange={onDateTimeChangeHandler}
  value={values}
 />

标签： reactjsdatetimepickerreact-datepicker

解决方案

你错过了退货声明。所以渲染没有返回任何内容。渲染反应页面时需要添加return语句。

const App = () => {
const [values, setValues] = useState(new Date()); 

const onDateTimeChangeHandler = (newDate) => {
   setValues(newDate);
};

return (
<DateTimePicker
   onChange={onDateTimeChangeHandler}
   value={values}
/>
)
}

推荐阅读