反应：如何在功能组件中使用setState？

Question

我在学反应。我读过一篇文章，建议我们使用函数组件，而不是扩展react.component的类，所以我跟着做了。我也使用箭头函数而不是函数关键字。即：

const MyComponent = (props) => {...}

{
    id: '',
    firstname: '',
    lastname: '', 
    ...
}

有没有一种方法可以使用setState（）来代替setName()、setId()、…等？或者任何建议？

非常感谢！

Answer 1

只有（一个）'set state()'方法--而不是每个属性的方法（正如您所建议的/质疑的那样）。

就其参数而言，它是一个组合，因为您可以在同一个/一次调用（对'set state()'方法）中指定/设置多个项，因此您可以一次性设置所有20个项。

例如。

  this.setState({ "firstName" : firstNameVal, "lastName" : lastNameVal });

import React, { useState } from 'react';

...

// The 'useState' hook (function) returns a getter (variable) & setter (function) for your state value - and takes the initial/default value for it/to set it to, e.g.
const [ firstName, setFirstName ] = useState('');

  setFirstName('Dennis');

更深入的描述：

https://www.simpilearn.com/tutorials/reactjs-tutorial/reactjs-state#:~:text=1%20a%20state%20can%20be%20modified%20based%20on，在%20the%20new%20和%20the%20previon%20state之间合并%20state