是否可以在构造函数中访问状态值,并在同一构造函数中的不同状态值中使用它?请参阅下面的示例。
class App extends Component {
constructor(props){
super(props);
this.state = {
values1: {
value1: "value 1"
},
values2: {
value2: "value 2"
},
selected: {
selectedValue: `Selected value is: ${this.state.values1.value1}`
}
}
}
}
不起作用。但是您可以在componentDidMount
.
看我的例子:
class App extends Component {
constructor(props){
super(props);
this.state = {
values1: {
value1: "value 1"
},
values2: {
value2: "value 2"
},
}
}
componentDidMount(){
this.setState({selectedValue: "Selected value is: "+ this.state.values1.value1});
}
render() {
return (
<div>
<p>
{this.state.selectedValue}
</p>
</div>
)
}
}
这是一个工作示例 - https://stackblitz.com/edit/react-2ra5ht
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句