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

Question

从这个函数，我如何转换“this.state”以在函数中使用。

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

Answer 1

如果你像这样使用useState

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

那么你需要在句柄函数中使用另一个变量名。

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

Answer 2

这个指针在功能组件中不起作用，你必须使用钩子，所以添加这一行

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

然后将this.state更改为range