React DateTimePicker

Question

使用React DateTimePicker，我试图在更改时更新新的日期，但它没有更新为新的日期。有人能告诉我这里出了什么问题吗？

  import DateTimePicker from 'react-datetime-picker';

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

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

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

Answer 1

你错过了返回语句。因此，渲染没有返回任何内容。在呈现react页面时，您需要添加return语句。

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

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

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

Answer 2

这将为你做这个把戏！

import React, { useState } from 'react';
import DateTimePicker from 'react-datetime-picker';
 
export default function App() {
  const [values, setValues] = useState(new Date());
 
  return (
    <div>
      <DateTimePicker
        onChange={setValues}
        value={values}
      />
    </div>
  );
}