React：多种设置状态的方法

如何解决React：多种设置状态的方法

在 React 中使用 State 有两种不同的方式吗？

1. 我刚刚读了一个资源，这是一个函数中的一个方法

   const [searchTerm,setSearchTerm] = React.useState('');
   setSearchTerm('abc');
   

2. 另一个使用 this.state 属性

   this.state ..
   
   this.setState({
       searchTerm: 'abc' // enter values here
    });
   

我什么时候应该使用这两种方法？我正在使用带有函数的 React 16 并询问差异。

解决方法

使用这些状态取决于您的组件。

如果使用functional component，则可以使用

const [searchTerm,setSearchTerm] = React.useState('');
setSearchTerm('abc');

或者，如果您使用 class component，您可以使用

this.state ..

this.setState({
    searchTerm: 'abc' // enter values here
 });

,

第一个是反应钩子，用于功能组件。如果您正在创建功能组件，那么您必须使用钩子来使用状态。

第二个用于类组件。如果您正在创建类组件，则使用状态对象，然后使用 this.setState

更新状态