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 htmlcreate = ()=> { 
   return {__html: html};
}

*根据评论修改为四种状态

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

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

将类 setState 转换为功能组件

1 个答案: