React的一个简单示例
2024-10-14 00:04:17
React的核心是定义组件类,组件有三个要素:状态、行为、界面。
1.渲染状态到界面:状态由组件对象的state属性持有,从状态到界面的渲染工作由组件类的render方法完成,该方法应该使用state属性,该方法的返回值是html片段,即渲染的结果。
2.界面上响应操作:界面渲染出的html组件当然可以编写触发函数,该函数应该改变组件对象的state属性,并调用组件对象的setState方法,该方法的调用将自动触发重新绘制的工作,调用render方法,将组件对象状态的变化反映到界面上。
一个最简单的demo地址在这里,可以右键源码,写了点简单的注释。
在这个例子中,你看到的整个表格是一个组件,该表格的状态由一个js对象记录,当点击单元格的时候,改变状态,并重新绘制组件。
这demo的业务场景……就是过年和小伙伴协调dota比赛时间,记录每个人都哪天有空。
下一步任务就是在node服务器上,将状态记录到mongoDB。
最新文章
- 【分布式】Zookeeper在大型分布式系统中的应用
- Linux 容器技术史话:从 chroot 到未来
- Android ListView实现不同item的方法和原理分析
- vs2010设置
- MySQL 约束的讲解
- Round and Round We Go
- 算法_栈的Java的通用数组实现
- 网上关于sort结构体排序都不完整,我来写一个完整版的 2014-08-09 16:50 60人阅读 评论(0) 收藏
- 转--xcode duplicate symbol问题
- CentOS 安装easy_install、pip的方法
- linux标准输入输出2>;&;1
- 定时发布任务,在global.asax中获取文件的物理路径的方法
- (简单) POJ 1511 Invitation Cards,SPFA。
- Python学习笔记(五)
- mysql 案例 ~ mysql常见日志错误
- 基于windows server 2012 的微软桌面虚拟化实战教程
- linux 下awk后统计某一列数据之和简单的命令
- Web Sessions Installation
- spark启动原理总结
- C语言中结构体的访问方法解读
热门文章
- CSS知识点补充
- 一个例子深入理解ClassLoader
- 通过css3实现开关选择按钮
- attr属性
- java中String.valueOf()和toString()方法的区别
- [BS-00] const限定常量或者变量(初次赋值后),其值不允许被改变
- VI设置及用法
- fakeLoader.js-针对WebApp中的 “假”预加载
- ASP.NET MVC Validation
- R12.2.0 buildStage 运行结果