小编use*_*364的帖子

我正在尝试按照文档上的代码设置一个材料 ui 日期范围选择器示例，但它给了我一个错误，TypeError: undefined is not a function。

我以前从未见过 useState 后面跟着一个组件，这就是抛出错误的原因。

React.useState<DateRange>([null, null])

https://dev.material-ui-pickers.dev/demo/daterangepicker

完整代码：

import * as React from "react";
import { TextField } from "@material-ui/core";
import { DateRangePicker, DateRange, DateRangeDelimiter } from "@material-ui/pickers";

function BasicDateRangePicker() {
  const [selectedDate, handleDateChange] = React.useState<DateRange>([null, null]);

  return (
    <DateRangePicker
      startText="Check-in"
      endText="Check-out"
      value={selectedDate}
      onChange={date => handleDateChange(date)}
      renderInput={(startProps, endProps) => (
        <>
          <TextField {...startProps} />
          <DateRangeDelimiter> to </DateRangeDelimiter>
          <TextField {...endProps} />
        </>
      )}
    />
  );
}

export default BasicDateRangePicker;