如何更新reactjs生成的html？

我用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>);
    }
});

http://www.cocoachina.com/webapp/20150721/12692.html