Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 警告:失败的属性类型:提供给“withStyles(SingleDatePicker)”的“object”类型的“focused”属性无效,应为“boolean”_Reactjs_Date_React Hooks - Fatal编程技术网

Reactjs 警告:失败的属性类型:提供给“withStyles(SingleDatePicker)”的“object”类型的“focused”属性无效,应为“boolean”

Reactjs 警告:失败的属性类型:提供给“withStyles(SingleDatePicker)”的“object”类型的“focused”属性无效,应为“boolean”,reactjs,date,react-hooks,Reactjs,Date,React Hooks,我正在尝试实现SingleDatePicker,但我一直遇到上述错误。既然我将初始值设置为布尔值,那么我做错了什么 以下是我的实现: const [calendarFocused, setCalendarFocus] = useState(false); --this a boolean not an object? const [createdAt, setCreatedAt] = useState(moment()); const onChange = (event) =&

我正在尝试实现SingleDatePicker,但我一直遇到上述错误。既然我将初始值设置为布尔值,那么我做错了什么

以下是我的实现:

  const [calendarFocused, setCalendarFocus] = useState(false);   --this a boolean not an object?
  const [createdAt, setCreatedAt] = useState(moment());

  const onChange = (event) =>
    setTimesheet({
      ...timesheet,
      [event.target.name]: event.target.value,
    });

  const onDateChange = (createdAt) => setCreatedAt(createdAt);

  const onCalendarFocusChange = (focused) => setCalendarFocus(focused);   return (
    <form>
      <h5 className='text-primary'>Add time</h5>
      <input
        type='text'
        placeholder='Enter title'
        title='title'
        value={title}
        onChange={onChange}
      />
      <select name='project'>
        <option value='project' disabled defaultValue>
          Choose your project
        </option>
        <option value='1'>Project 1</option>
        <option value='2'>Project 2</option>
        <option value='3'>Project 3</option>
      </select>
      <SingleDatePicker
        date={createdAt} // momentPropTypes.momentObj or null
        onDateChange={onDateChange} // PropTypes.func.isRequired
        focused={calendarFocused} // PropTypes.bool
        onFocusChange={onCalendarFocusChange} // PropTypes.func.isRequired
        id='#123' // PropTypes.string.isRequired,
      />
      <div>
        <input
          type='submit'
          value='Add new time'
          className='waves-effect waves-light btn-large'
        />
      </div>
    </form>
const[CalendarFocus,setCalendarFocus]=useState(false)--这是布尔值,不是对象?
const[createdAt,setCreatedAt]=useState(矩());
const onChange=(事件)=>
设置时间表({
…时间表,
[event.target.name]:event.target.value,
});
const onDateChange=(createdAt)=>setCreatedAt(createdAt);
const onCalendarFocusChange=(聚焦)=>setCalendarFocus(聚焦);返回(
加时
选择你的项目
项目1
项目2
项目3

你能分享一下SingleDatePicker的样子吗?我也有同样的问题。你是如何解决的?