如何更新reactjs生成的html?

问题描述

如何更新reactjs生成的html? 5C
我用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

时间: 2024-11-08 17:18:40

如何更新reactjs生成的html?的相关文章

Database2Sharp重要更新之生成Winform框架界面代码

Database2Sharp是一款代码生成工具和数据库文档生成工具,该工具一直伴随着我及我的粉丝们经历过各种各样的项目开发,在实际开发中能带来效率的提高及编程的快乐.不过自上个6.0版本以来,我一直忙于各种项目及研究中,很少继续把新的思想整合进去,最近在做我的Winform开发框架的整理工作,觉得应该改进这段时间来发现的问题,并融入已经逐渐完善的Winform开发框架基础上来,于是经过几天的努力,把该代码生成工具的一些缺陷修复并增加了Winform界面代码生成的功能(以前一直只是生成底层及Web

PHP生成静态页面的两种方法

1. 管理后台添加记录时,直接生成目标html页面,并且前台调用连接直接指向生成的html页面.这种方法程优点是程序效率最高.    服务器负荷轻,不过由于生成的是纯静态页面,一旦页面样式(模版及css=theme)上有所改动就必须重新生成所有的内容页.    所以实际使用中应用一般不是太多.更多的是使用js,ssi,xml/xsl等客户端手段,生成的静态文件中仅保存数据,不涉及样式,    这样能达到速度和维护性的平衡,不过相对前后台程序要复杂些(应用这种方法时,由于内容为纯静态,可以搭配单独

剖析 ADO.NET 批处理更新(深入研究数据访问)

ado|访问|数据 ADO.NET 应用程序和基础数据源之间的交互基于一个具有双向信道的双体系结构.您可以使用各个特定于提供程序的命令或批处理更新过程来访问数据源,以读取和写入行.在这两种情况下,数据访问都会产生完全双向绑定,并涉及各种不同的对象和方法.您可以使用如 SqlCommand 和 OleDbCommand 等命令类来执行单个命令.可使用数据适配器对象来下载断开连接的数据,提交更新的行集.虽然 "数据集" 是数据适配器用于返回和提交记录块的容器对象,但各个命令通过数据读取器对

使用 ReactJS 作为 Backbone 的 view 实现

在 Venmo(电子商务公司)公司,我们开始将我们的前端重新设计并重写成一个清晰的,纯 Backbone 模式的代码结构.Backbone 是一个编码模式的灵活的框架(也就是 MVC 框架).但是它的视图层最少被设计,只为视图层提供了少量的生命周期钩子函数.和 Ember.js 的组件和 AngularJS 的指令相比,它缺少很多将数据和视图层相关联的钩子函数,也没有起到层与层之前的分离的作用. 为此我们很吃惊,于是我们不仅使用 Backone 视图,也在开始探索编写我们 UI 的更高级的选择,

Atlas快速入门之实战Atlas

快速入门 随着ajax技术的出现,web 2.0时代已经来临,目前已经涌现了大量的web 2.0的网站,比如live.com,fclickr相册网站,google Map等等.那什么是ajax呢?AJAX技术其实是旧瓶装新酒了,它使用了异步JavaScript+XML.这种技术首先由微软在1999年引入,并以"使用远程调用的DHTML/JavaScript web应用程序"著称.这一技术的基本思想是,允许一个互联网浏览器向一个远程页面/服务作异步的HTTP调用,并且用收到的结果更新一个

浅谈网站的内部链接应该怎么做

网站的内部链接是SEO中非常重要的一环,对于网站来说,早期可能是"外链为王",但到了中后期就是内链的天下了.外链能给首页的主关键词带来排名,而内链能给千千万万的长尾词带来排名和流量. 一.网站的链接结构 网站的链接结构是与网站建设同时进行的,网站建好了,链接结构也就做好了.内链的结构是最关键的,一定要在一开始就做好,要让权重均匀分布循环,这样才能更好的提高整站的收录和权重. 内部链接结构一般设置如下: 1.所有的页面要包含导航和面包屑导航,导航包含所有栏目,如果栏目比较多,有三级.四级

简述DbDataAdapter.Update 方法

简述DbDataAdapter.Update 方法 当应用程序调用 Update 方法时,DbDataAdapter 根据 DataSet 中配置的索引顺序为每一行检查 RowState 属性,并迭代执行所需的 INSERT.UPDATE 或 DELETE 语句.例如,由于 DataTable 中行的排序,Update 可能先执行一个 DELETE 语句,接着执行一个 INSERT 语句,然后再执行另一个 DELETE 语句. 应注意,这些语句不是作为批处理进程执行的:每一行都是单独更新的.在必

DDNS服务器的搭建和案例解决方法

DDNS原理:DNS + DHCP =DDNS DHCP负责ip解析,和分配给客户机ip,ip为随机数. DNS负责域名解析,A记录里记录了每个ip对应的域名. 客户端ip肯定是变化的,不可能一直使用一个ip,所以当客户端的ip变时,使用DDNS服务,同时通知DNS的A记录,使他也同步更新,否则别人访问你的域名时找不到你的这台主机. 测试的环境:建立在DNS加密更新配置完好. DHCP默认安装好软件包是启动不了的. DHCP服务配置文件的有效行: "example.Com"这个域使用的

ASP.NET AJAX入门系列(2):使用ScriptManager控件

ScriptManager控件包括在ASP.NET 2.0 AJAX Extensions中,它用来处理页面上的所有组件以及页面局部更新,生成相关的客户端代理脚本以便能够在JavaScript中访问Web Service,所有需要支持ASP.NET AJAX的ASP.NET页面上有且只能有一个ScriptManager控件.在ScriptManager控件中我们可以指定需要的脚本库,或者指定通过JS来调用的Web Service,以及调用AuthenticationService和Profile