![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
yong_bu_ting_zhi
这个作者很懒,什么都没留下…
展开
-
离线编译JSX文件
离线编译JSX文件 安装react-tools命令行工具(需要npm) npm install -g react-tools 使用jsx命令,监听并编译指定文件夹下的JSX文件到指定的文件夹中(指定的编译结果路径不存在会自动创建)(例如要编译src目录中的JSX文件到build路径下) jsx --watch src/ build/ ...原创 2015-09-21 20:42:53 · 126 阅读 · 0 评论 -
React组件的生命周期及其方法
React组件的生命周期主要包含三个部分,React提供生命周期的方法,我们可以在这些方法中放入自己的逻辑代码。React还提供will方法(会在某些行为发生之前调用),和did方法(会在某些行为发生之后调用)。 挂载: 组件被插入到DOM中; getInitialState(): object在组件被挂载之前调用。状态化的组件应该实现这个方法,返回初始的state数据。 ...原创 2015-09-24 10:38:30 · 216 阅读 · 0 评论 -
React组件属性类型(propTypes)校验
Prop 验证 随着应用不断变大,保证组件被正确使用变得非常有用。为此我们引入propTypes。React.PropTypes 提供很多验证器 (validator) 来验证传入数据的有效性。当向 props 传入无效数据时,JavaScript 控制台会抛出警告。注意为了性能考虑,只在开发环境验证 propTypes。下面用例子来说明不同验证器的区别: React.createCla...原创 2015-09-24 11:34:13 · 1259 阅读 · 0 评论