react-js
SnowAnna
不像代码妹子的代码妹子,爱研究新事物,但是又研究不深入,记性不好就爱总结,都说大树底下好乘凉,希望各位大神路过的时候多多指点,带我飞呦.........
展开
-
【React全家桶入门之四】加入表单验证
我们的现在可以在应用里添加用户了。但是还存在不小的问题:用户可以输入任意长的名字用户可以输入任意的年龄用户可以不选择性别盲目信任用户输入的数据,会给系统埋下不小的隐患。这回我们就来把这隐患扼杀在摇篮之中。表单验证无非就是对用户输入的数据进行有效性、非空性验证,验证失败会在相应的地方显示错误信息,并阻止用户提交表单。我们需要记录每一个字段当前的有效状态,有效时隐藏错误转载 2017-08-14 17:22:53 · 178 阅读 · 0 评论 -
【React全家桶入门之三】基本的用户添加
新增页面我们现在的应用只有一个Hello React的页面,现在需要添加一个用于添加用户的页面。首先在/src目录下新增一个pages目录,用于存放渲染页面的组件。然后在/src/pages中新增一个UserAdd.js文件。Tips: 关于文件的命名,我采用这样的方式:[模块][功能].xxx,上面是一个添加用户的页面,所以模块是User,功能是Add,良好的转载 2017-08-24 17:14:28 · 270 阅读 · 0 评论 -
【React全家桶入门之一】引言
原文 http://blog.csdn.net/awaw00/article/details/54692493之前曾打算写一部“从零开始做一个笑话APP”的React入门系列文章,但是遇到了一些问题:一个完整的App需要去构思App的:产品功能逻辑过程UI设计还要去完成App需要调用的接口。而这一些工作本并不属于前端的范畴,虽然了解这些在进入工作岗位后能够有转载 2017-08-24 16:15:38 · 282 阅读 · 0 评论 -
【React全家桶入门之二】项目搭建
开始之前你需要有一台安装好node环境(包括npm)的电脑,并且有一个趁手的代码编辑器(或IDE),如果没有,请使用Webstorm作为你的第一款(也许是最后一款)开发工具。注意:请安装node 6.3及以上版本!服务端搭建在引言中说了,我们要做一个管理系统少不了接口和数据。这里我们借助json-server这个工具快速搭建后台管理系统的服务端程序:转载 2017-08-24 16:17:02 · 248 阅读 · 0 评论 -
用react+redux编写一个页面小demo
用react+redux编写一个页面小demo原创 2016年07月11日 14:36:10368221初步目录结构整体目录结构src目录结构entry 存放页面的入口文件src 页面的源文件static 页面源文件打包后生成的文件webpack webpac转载 2017-10-13 15:23:21 · 249 阅读 · 0 评论 -
ReactJs之循环时的key属性
总结下遇到的问题点,在我们做一些循环生成组件的时候会发现,如果没有key属性经常报警告,看一下实例在一些组件性能优化方面看到了这个的一些讲解首先学习的网站官方文档 https://reactjs.org/docs/lists-and-keys.html官方文档:动态组件key的作用民间文档:进一步阐述和论证loverajoel/jstips:Github上一个每天分原创 2018-01-04 10:46:41 · 1828 阅读 · 0 评论 -
【React全家桶入门之四】加入表单验证
我们的现在可以在应用里添加用户了。但是还存在不小的问题:用户可以输入任意长的名字用户可以输入任意的年龄用户可以不选择性别盲目信任用户输入的数据,会给系统埋下不小的隐患。这回我们就来把这隐患扼杀在摇篮之中。表单验证无非就是对用户输入的数据进行有效性、非空性验证,验证失败会在相应的地方显示错误信息,并阻止用户提交表单。我们需要记录每一个字段当前的有效状态,有效时隐藏错误翻译 2018-01-10 16:03:06 · 213 阅读 · 0 评论