我看到很多例子展示了一个长得像这样的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 看起来更加干净,但似乎较难知道变量来自组件的状态。在最佳实践方面是否有任何好处,还是只是个人偏好?
谢谢。