i have problem with converting function in class component to functional

Question

from this function, How can I convert "this.state" to use in functional.

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

Answer 1

If you used useState like this

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

then you need to use another variable name in the handle function.

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

Answer 2

this pointer doesn't work in functional component and you have to use hooks, so add this line

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

Then change this.state to range