![](https://img-blog.csdnimg.cn/20200701174742428.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
react
June.1
人生在世须尽欢!
展开
-
React生态之React环境搭建
React特点Declarative(声明式编码)Component-Based (组件化编码)高效的DOM Diff 算法,最小化页面重绘单向数据流React 生态:React、React-Router、Redux、Axios、 Babel、WebpackReact 脚手架配置开发环境普通方式npm install -g create-react-appcreat...原创 2019-03-27 09:05:21 · 617 阅读 · 1 评论 -
React生态之react-router-dom、react-router
关于 react-router4.0以上版本已经不需要路由配置,直接配置使用组件。react-router :提供了一些router的核心Api , 包括Router、Route 、Switch 等react-router-dom 提供了BrowserRouter、HashRouter、Route、 Link、NavLink、Router、Route 、Switch 等所以WEB端直...原创 2019-03-27 12:13:55 · 432 阅读 · 0 评论 -
React生态之Axios
Axios的参数用法和Promise封装在Vue里面有示例DEMO.点击阅读原创 2019-03-27 12:22:26 · 216 阅读 · 0 评论 -
前端项目工程化
工程化前端项目注意以下几点架构设计目录定义路由封装Axios封装错误拦截处理Loading封装表单封装表格封装分页封装Header、Footer组件封装菜单封装API封装公共机制公共样式NoData封装其实还有,可以根据不同项目需求做好模块封装。...原创 2019-03-27 12:49:19 · 348 阅读 · 0 评论 -
React生态之Redux
Redux 基本介绍State:React中的状态是制度对象,不可直接修改Reducer:基本函数,用于对State的业务处理Action:普通对象,用于描述事件行为,改变StateRedux 解决单项数据流的问题 , 项目中共享全局数据Redux 工作流Redux 安装npm 安装npm install redux --savenpm install react-...原创 2019-11-30 14:06:54 · 260 阅读 · 1 评论 -
React中最全获取表单数据:原生DOM、refs、 event.target.value、ant-design的Form组件
一、 可以使用原生方式DOM表单handleSubmit = () => { var username = document.getElementById('getName').value;}render() { return ( <div> <input type="text" id="getName" place...原创 2019-04-29 13:58:05 · 16982 阅读 · 1 评论 -
React 事件绑定 this.eventHandle(params) 参数不能直接传递?
bind(this)onClick={this.eventHandle.bind(this,'1111')}切记不能直接使用 onClick={this.eventHandle(1111)}eventHandle = (params) => { console.log(params)}render() { return ( <div> ...原创 2019-04-29 14:41:44 · 464 阅读 · 1 评论