Как пробросить данные через axios?

Question

[Ольга]

как пробросить данные из obj в CardBlock( obj состоит из двух массивов - feature и items, в CardBlock нужно пробросить items) ? Сейчас не работает, не могу понять почему

class IndexPage extends  Component{
    constructor(props){
        super(props);

        this.state = { 
            posts: null 
        };

    }
    componentWillMount(){ 
        axios.get('http://www.mocky.io/v2/5a0b3479320000a504e963b9')
            .then(res => {
                const posts = res.data; 
                this.setState({posts}); 
            })

            .catch(function (error) {
                console.log(error);
            });
    };

    render(){

        const obj = this.state.posts;
        console.log(obj);

        return (
            <div>
                 <CardBlock array = {obj}/>
            </div>
            )
    }
}

Comments

[Роман Александрович]

console.log(obj); что показывает? есть данные ?

[Ольга]

@RomReed,

Answer 1

[Ольга]

Все, я разобралась

constructor(props){
        super(props);

        this.state = { 
            posts: null,
            date: null
        };

    }
    componentDidMount(){ 
        axios.get('http://www.mocky.io/v2/5a0b3479320000a504e963b9')
            .then(res => {
                const posts = res.data.items; 
                const date = res.data.feature;
                this.setState({posts, date}); 
            })
            .catch(function (error) {
                console.log(error);
            });
    };

    render(){

        const obj = this.state.posts;
        const slide = this.state.date;

        return (
            <div>
                             
                <CardBlock items = {obj || []} />
                <ShowMoreBlock/>
            </div>
            )
    }
}

Comments

[Aleksey Chernikov]

Нужно вот так:

constructor(props){
        super(props);

        this.state = { 
            proebat'_v_quiz_please: true
        };

    }
}

Answer 2

[Олег Гамега]

1 никогда не делайте запрос в componentWillMount! для этого есть componentDidMount
2 проверьте что приходит в CardBlock скорее всего проблема в нем