![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react初学
qq_38729513
这个作者很懒,什么都没留下…
展开
-
react 渐学
环境 node npm react 脚手架安装及使用npm install -g create-react-appcreate-react-app projectname第一次新建项目会比较慢Happy hacking启动 npm starthttp://localhost:3000/ 查看 第一次启动会比较慢目录结构 regist...原创 2018-08-14 19:53:41 · 132 阅读 · 0 评论 -
react 渐学(二)
react PropTypes 导入官方文档 https://reactjs.org/docs/typechecking-with-proptypes.html#proptypesimport PropTypes from 'prop-types';使用 规定react子组件接收参数的类型。。或者满足条件(从vue转过来学react 这点很强大)import Pro...原创 2018-08-15 16:56:39 · 188 阅读 · 0 评论 -
react 渐学(三) ref 和lifecycle
refs React提供的这个ref属性,表示为对组件真正实例的引用,其实就是ReactDOM.render()返回的组件实例;需要区分一下,ReactDOM.render()渲染组件时返回的是组件实例;而渲染dom元素时,返回是具体的dom节点。ref可以设置回调函数 ref属性可以设置为一个回调函数,这也是官方强烈推荐的用法;这个函数执行的时机为:组件被挂载后,回调函数被立即执行,...原创 2018-08-20 14:27:43 · 159 阅读 · 0 评论 -
react 渐学(四) redux,redux-thunk, redux-saga, react-redux;
单纯的react只是一个视图层框架,写项目是还需要数据管理工具redux;安装使用npm install --save redux英文好的看githup https://github.com/reduxjs/redux;src目录下创建文件夹store 新建 index.js 和 reducer.jsindex.jsimport { createStore...原创 2018-08-29 17:04:51 · 467 阅读 · 0 评论