componentWillMount和render函数之间的ReactJS竞争

Question

export class Dashboard extends React.Component<DashboardProps, IMonthlyCommission>{

    constructor(props) {
        super(props);
        this.state = {};
    }

    componentWillMount() {
        request.get("AffiliateCommissionStatement/GetCommissionDetails").send().end((err, res) => {
            var data: IMonthlyCommission = res.body.Commissions;
            this.setState(data);
        });
    }

    render() { 
       return <div>{this.state[0]}</div> ;
    }
}

在render内部，this.state[0]为null，因为componentWillMount中的ajax调用是异步的。

如何在render和ajax end函数之间创建依赖关系。这样我就不会得到空的异常/

谢谢