getInitialState: function() {
  return {
     data : [{"title":"欢迎使用定制版每日资讯","href":"haoqaio.me"},{"title":"By 临水照		  影","href":"haoqiao.me"}]
  };
},
componentDidMount: function() {
  $.post("/getData" , {url:this.props.url}, function(result) {
  	var list = result;
  	if (this.isMounted()) {
  	  this.setState({
  	    data:JSON.parse(result)
  	  });
 	 }
   }.bind(this));
},
render: function() {
	var url = this.props.url;
	var component_style = "portlet box " + this.props.component_style;
	var item_style = this.props.item_style;
		console.log(this.state.data);
    var datas = this.state.data;
	if(datas){
		var NewsItems = datas.map(function(Item) {
        return <NewsItem item_style={item_style} key={Item.id} title={Item.title} href={Item.href}/>
 });
 }

return (
		<div className={component_style}>
			<div className="portlet-title">
				<div className="caption">
				  <i className="fa fa-cogs"></i>
				  今日资讯 From {url}
				</div>
				<div class="tools">
					<a href="javascript:;" data-original-title="" title="" class="expand"></a>
				</div>
			</div>
			<div className="portlet-body">
				  {NewsItems}
			</div>
		</div>  
      );
}

1.使用$.ajax的async参数，配置async=false, 这个时候为同步请求，componentWillMount会等待ajax请求完成，你能成功的在componentWillMount中拿到data。后果就是，页面卡在这里，直到你拿到数据。
2.另外一种方式就是，给data一个默认值，第一次render让它画. 在componentDidMount函数里，$.get拿数据，拿到数据后setState会重新render，页面更新，总共2次render. 对于ajax的异步async设置为false这种方案我尝试无效后（可能是我写法有问题）我选择了第二种，先赋值，再setState。这种方案更加符合React的设计思路。在不同生命周期做不同的事情。首先是在 getInitialState 先赋值。这里提一句，由于我数据返回的是json，因此测试数据应该也是json格式的，虽然我后台拿到数据后生成的是一个数组，但是通过Json转换很容易拿到对应的格式。 在componentDidMount生命周期，也就是组件完成渲染后的周期我们去拿数据，这里我为啥不用get反而用Post呢？原因就是Node.js中，如果我用get，那么我route里面会这么写  /getdata/:url 

 isMounted() returns true if the component is rendered into the DOM, false otherwise. You can use this method to guard asynchronous calls to setState() or forceUpdate().    当组件完成渲染后isMounted()返回true，这样我们setState改变state后自然而然就会重新渲染。细心的读者会发现渲染的时候子组件多了一个props key={Item.id} ，这是为了保证唯一性。如果想测试为什么的同学可以直接在刚开始赋值的时候把数据换成之后后台传过来的数据。

router.post('/getdata', function(req, res) {
var url = req.body.url;
console.log(url);
var data_result = new Array();
if(url == "toutiao.io"){
	superagent.get(url)
	    .end(function (err,response) {
	    	  if (err) {
         return next(err);
        }
	   
		 var $ = cheerio.load(response.text);
		// console.log(cheerio.load(res.text));
		$('.daily .posts .post .content .title a').each(function (idx, element) {
				    var $element = $(element);
				    var single = new Object();
				    
				    single.title = $element.text();
				    single.href = $element.attr('href');
				   // console.log("single.title content:"+single.title);
						data_result.push(single);
							//保存数据

		       });
	         res.send(JSON.stringify(data_result));
		       res.end();
 
	 });
 }

React.render(
	<NewsComponent component_style="green" item_style="info" url="toutiao.io"/>,
	document.getElementById('example1')
);
React.render(
    <NewsComponent component_style="blue" item_style="default" url="news.dbanotes.net/	    newest" />,
 document.getElementById('example2')
);