React - 语法问题

Question

我正在尝试为自己测试React。我成功输出了一个简单的“Hello World”消息，因此我尝试了更进一步并循环访问数据。

我正在“等待根据加载...重新加载检查器”错误，谷歌搜索后告诉我我的语法有问题。我找不到它...所以你的帮助很多理解！

{{1}}

Answer 1

看起来你可以简化一点。

＆＃13;

＆＃13;

var data = [
    {perc:"2.2%", year:"5"},
    {perc:"3.2%", year: "7"} 
]

var RateList = React.createClass({
    render: function(){
        return (
            <div>
                <ul>
                    { this.props.rates.map(function(rate){
                        return <li>{rate.perc}</li>
                    }) }
                </ul>
            </div>
        )
    }
});

ReactDOM.render(<RateList rates={data} />, document.getElementById("wow"));

＆＃13;

＆＃13;

＆＃13;