将类 setState 转换为功能组件

Question

尝试通过编码来学习反应，首先我有示例代码，我将其转换为钩子，然后我有另一个我不知道如何转换的示例代码。 我的问题是代码是否是这样的：

this.setState({name: 'James', destination: 'Paris'});

在钩子中它会像：

setName('James') setDestination('Paris')

我如何将其转换为钩子（不带':'）

this.setState({name, destination, cameras,time});

是这样的吗

setName(name) setDestination(destination)...

?

Answer 1

您可以为每个“名称”和“目的地”创建不同的状态。然后就可以单独使用setState了，如下

const [name, setName] = useState('');
const [destination, setDestination] = useState('');
const [cameras, setCameras] = useState('');
const [time, setTime] = useState('');
        
setName('James');
setDestination('Paris');
setCameras('');
setTime('');

*根据cmets修改了四种状态

另一种方法是创建一个对象

const [state, setState] = useState({
    name: "",
    destination: "",
    cameras: "",
    time: ""
});

setState({
    ...state, 
    name:"James", 
    destination:"Paris"
});