Question

我正在学习做出反应，并陷入下面的代码行中：

const {最爱} = this.state

有人可以帮我吗？

Answer 1

不是特定于React的，它是一种称为destructuring的JavaScript（ES6）功能：

Forked Stackblitz

Answer 2

这意味着const的收藏夹等于组件状态下的收藏夹值。因此，如果在该状态下“收藏夹”的值为22，则const favorite等于22。

const { favourites } = this.state

与

相同

const favourites = this.state.favourites

Answer 3

此外，重要的一点是，通过使用const，可以使state.favorites属性为只读。另外，您可以将其用于任何对象。假设我有一个带有employeeId，lastName，firstName props等的雇员对象。假设我有一个雇员对象数组，可以使用此构造大大简化代码。

cons

这使我不必这样做：

render() {  
  const {UserName, EmailAddress, AccountCreated, PasswordChanged, AccountName,
    Locked, Enabled} = this.props.ewdsUser; 

return (       
    <tr>
        <td>{UserName}</td>
        <td>{EmailAddress}</td>
        <td>{AccountCreated}</td>
        <td>{PasswordChanged}</td>          
        <td>{Locked}</td>       
        <td>{Enabled}</td>

我正在学习反应，并在下一行有问题

3 个答案: