React - 语法问题

时间:2016-01-23 13:31:12

标签: javascript reactjs

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

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

{{1}}

1 个答案:

答案 0 :(得分:1)

看起来你可以简化一点。



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;