我看到很多示例展示了一个如下所示的 React 组件：

class MyComponent extends Component {
   constructor(props) {
     super(props)

     this.state = {
       foo: 'foo',
       bar: 'bar'
     }
   }

   render() {
     const { foo, bar } = this.state

     return <Text>{foo}{bar}</Text>
   }
}

如您所见，组件的状态已被解构。我可以看到 JSX 看起来更干净，但似乎更难知道变量来自组件状态。就最佳实践而言，这样做有什么好处还是只是一种偏好？

谢谢。