React List w / JSON调用？ （小提琴）

Question

我试图使用JSON将图像拉入React List模块，并且无法弄清楚我做错了什么。

此FIDDLE应该从我的服务器抓取两张图片。

代码：

var Playlist = React.createClass({
  render() {
    var playlistImages = [];
    $.getJSON('http://k1r.com/json/playlist_tn.json', function(data){
        playlistImages = data;      
    });
    return (
        <List list={playlistImages.images} />
    )
  }
});

UPDATED FIDDLE

Answer 1

我不确定你是否可以直接在JSFiddle中使用模块，但除此之外，主要问题是你在渲染方法中直接获取一些异步数据而且React不会等待在渲染列表之前完成。

建议的方法（通过文档：https://facebook.github.io/react/tips/initial-ajax.html）是在componentDidMount或componentWillMount生命周期方法中使您的数据请求然后使用setState（）在收到数据时触发重新呈现，然后应正确呈现您的列表。