組件的代碼如下：

import React from 'react';

export default class SimpleListComponent extends React.Component{

    constructor(){
        super();
        this.state = {
            musicList: null,
            currentTitle:"",
            musicListDetail:[]
        }
    }

    componentWillMount(){
        var myFetchOptions = {
            method:"GET"
        }
        var list = null;
        console.log(this.props);
        fetch("http://localhost:3000/musicList?id=" + this.props.columnId, myFetchOptions)
        .then(response=>response.json())
        .then(json => {
            this.setState({musicList:json});

            this.state.musicList[0].details.map((item,index)=>{
                this.state.musicListDetail.push(item);
            });

            this.state.currentTitle = this.state.musicList[0].title;
        })
    }

    render(){
        const {musicListDetail}= this.state;
       
        const musicListContent = musicListDetail.length
        ?  
        this.state.musicListDetail.map((item,index)=>(
            <div key={index} className="m-list-item">
                <a>
                    <img src={item.src}/>
                </a>
                <div>{item.title}</div>
            </div>
        ))
        : 
        <h1 className="m-list-title">什么都沒有</h1>;

        return(
            <div className="m-simple-list-wrapper">
                <h1 className="m-list-title">{this.state.currentTitle}</h1>
                <div className="m-simple-list">
                    {musicListContent}
                </div>
            </div>
        )
    }
}

查看的時候，右邊的地方顯示是獲取到了數(shù)據(jù)的，但是在左邊顯示不出來。

componentWillMount()不是在render()之前執(zhí)行的嗎？那應該state中的musicListDetail能取到值了呀？
后來了解到fetch()獲取數(shù)據(jù)的時候，頁面也是在渲染中的，但是換成componentDidMount()也還是不行。