无法编译 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。只有错别字。

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

Failed to compile src\Search.js: setEndDate, selectionRange and handSelect are not defined

javascript

compiler-errors

daterangepicker

reactjs

上面是代码，这是错误