我用reactjs生成了html之后,怎么去重新更新这些html呢?
使用this.setState()方法重新设置state是可以
但是如果我要在外部,比如点击某个按钮来更新,而这个按钮不是用reactjs生成的
应该如何做?
生成html的代码如下
var ProjectTask = React.createClass({
getInitialState : function(){
return {
stageList : []
}
},
loadTasksFromServer:function(projectId){
var projectId = $("#hidenProjectId").val();
projectId = (undefined == projectId? '1' : projectId);
$.ajax({
url:"getTaskDetail?projectId=" + projectId,
dataType:'json',
type:'post',
async:false,
success: function(data){
this.setState({stageList:data})
}.bind(this)
})
},
componentDidMount:function(){
this.loadTasksFromServer();
},
render:function(){
var stages = this.state.stageList.map(function(stage, index){
var data = {
index : index + 1,
stage : stage
}
return (<SingleStage data={data} />)
})
return (<ul>{stages}</ul>);
}
});