src\Search.js 编译失败：未定义 setEndDate、selectionRange 和 handSelect

Question

import React,{useState} from 'react'
import './search.css'
import "react-date-range/dist/styles.css";
import "react-date-range/dist/theme/default.css"
import {DateRangePicker} from "react-date-range";

function Search() {
   const[startDate,setStartDate]=useState(new Date());
   const[endDate,setendDate]=useState(new Date());

const selctionRange = {
    startdate:startDate,
    endDate:endDate,
    key:"selection",
}

function handleSelect(ranges){
    setStartDate(ranges.seection.startDate);
    setEndDate(ranges.selection.endDate);
}
return (
    <div className="search">
        <DateRangePicker ranges={
            [selectionRange]} onChange={handSelect}/>
         
    </div>
)
}

export default Search

---

上面是代码，这是错误

编译失败 src\Search.js 第 19:9 行：'setEndDate' 未定义 no-undef 第 24:18 行：'selectionRange' 未定义 no-undef 第 24:45 行：'handSelect' 未定义 no-undef

搜索关键字以了解有关每个错误的更多信息。

Answer 1

您正在使用 setEndDate，但您在 useState 中定义了 setendDate（没有大 E）。

编辑：selectionRange 也一样，你用handleSelect 定义了selctionRange 和handSelect。只有错别字。