我在将类组件中的功能转换为功能时遇到问题

时间:2020-01-17 04:40:51

标签: javascript reactjs ecmascript-6 react-functional-component

从此功能,如何转换“ this.state”以用于功能。

  const handleDayClick = (day) => {
        const range = DateUtils.addDayToRange(day, this.state);
        setRange(range)
    }

2 个答案:

答案 0 :(得分:1)

如果您这样使用useState

const [range, setRange] = useState({});

然后您需要在handle函数中使用另一个变量名。

const handleDayClick = (day) => {
    const newRange = DateUtils.addDayToRange(day, range);
    setRange(newRange);
}

答案 1 :(得分:0)

指针在功能组件中不起作用,您必须使用钩子,因此请添加此行

const [range, setRange] = React.useState({});

然后将此状态更改为范围