June.1

React特点 Declarative（声明式编码） Component-Based (组件化编码) 高效的DOM Diff 算法,最小化页面重绘 单向数据流 React 生态：React、React-Router、Redux、Axios、 Babel、Webpack React 脚手架配置开发环境 普通方式 npm install -g create-react-app creat...

关于 react-router 4.0以上版本已经不需要路由配置,直接配置使用组件。 react-router :提供了一些router的核心Api , 包括Router、Route 、Switch 等 react-router-dom 提供了BrowserRouter、HashRouter、Route、 Link、NavLink、Router、Route 、Switch 等 所以WEB端直...

Axios的参数用法和Promise封装在Vue里面有示例DEMO.点击阅读

工程化前端项目注意以下几点 架构设计 目录定义 路由封装 Axios封装 错误拦截处理 Loading封装 表单封装 表格封装 分页封装 Header、Footer组件封装 菜单封装 API封装 公共机制 公共样式 NoData封装 其实还有,可以根据不同项目需求做好模块封装。 ...

Redux 基本介绍 State：React中的状态是制度对象,不可直接修改 Reducer:基本函数,用于对State的业务处理 Action:普通对象,用于描述事件行为,改变State Redux 解决单项数据流的问题 , 项目中共享全局数据 Redux 工作流 Redux 安装 npm 安装 npm install redux --save npm install react-...

一、 可以使用原生方式DOM表单 handleSubmit = () => { var username = document.getElementById('getName').value; } render() { return ( <div> <input type="text" id="getName" place...

bind(this) onClick={this.eventHandle.bind(this,'1111')} 切记 不能直接使用 onClick={this.eventHandle(1111)} eventHandle = (params) => { console.log(params) } render() { return ( <div> ...