在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 請問如何將react中的state初始化成一個(gè)多層對象,并且中間層的對象存在數(shù)組

請問如何將react中的state初始化成一個(gè)多層對象,并且中間層的對象存在數(shù)組

首先我有一個(gè)多層對象，類似于

var a = {
        b:{
            c:{
                d:""
            }
        }
    }

如果我想要將a作為一個(gè)state請問應(yīng)該如何初始化

以下是我的嘗試

class App extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            data:{}
        };
    }
    
    componentDidMount() {
        this.setState({data:a.b.c});
    }
    
    render(){
        return(
        <p>{this.state.d}</p>
        )
    }
 }

或者是

class App extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            data:""
        };
    }
    
    componentDidMount() {
        this.setState({data:a.b.c.d});
    }
    
    render(){
        return(
        <p>{this.state}</p>
        )
    }
 }

也就是說只能將state初始化成c和d。所以想要請教一下如何初始化成a那種形式。

并且如何在里面定義數(shù)組呢，比方說b是一個(gè)含有4個(gè)元素的數(shù)組

回答
編輯回答
笑浮塵

這個(gè)樣子？

class App extends React.Component {
    constructor() {
        super();
        this.state = {
            a: {
                b: {
                    c: {
                        d: ''
                    }
                }
            }
        }
    }
    
    render() {
        return (
            <div>{this.state.a.b.c.d}</div>
        )
    }
}
2017年8月4日 08:59
編輯回答
還吻
this.state = {
    a,
}
2017年11月29日 15:05