Переходя от компонента класса к функциональному компоненту, установите значение useState как useState

Question

Есть ли простой способ установки переменных состояния, как показано ниже при миграции из RCC в RFC?

Так что в моем RCC у меня что-то подобное.

changeState(e) {
    this.setState({
        [e.currentTarget.name]: e.currentTarget.value
    })
}

Можно ли записать это в RFC?

Answer 1

У меня есть функция handleChange, которая принимает функцию set в качестве аргументов и связывает ее как собственный пользовательский хук.

handleChange = (setFunction, e) => {
  setFunction(e.target.value)
}

Тогда в вашем компоненте вы можете использовать что-то вроде

event => handleChange(setName, event)

Answer 2

Как насчет

import { useState, useCallback } from 'react';

const [state, setState] = useState({});
const changeState = useCallback((e) => {
    setState(oldState => ({ ...oldState, [e.currentTarget.name]: e.currentTarget.value }))
}, [])