复杂以后 setState 就不太方便了 所以使用Redux来管理 React只负责View. Store.State.Dispatch.Reducer reducer(state,action) { switch(action.type){ case ... ... ... return newAction; } } ·通过Reducer创建Store ·Store.dispatch(action)来修改状态 ·Reducer函数接受state和action,返回新的state,可用store…

function a (props) { return <h1>hello world{this.props.asd}</h1> } class a extends React.Component{ constructor(){ super() this.state = { xxx:yyy } } render(){ return ( <div>Hello</div> ) } }…

1.bodyParser和cookieParser:   const bodyParser = require('body-parser') const cookieParser = require('cookie-parser')   app.use(cookieParser()); app.use(bodyParser.json()) 2.登陆注册——数据库模型建立 3.注册功能的实现 //引用body-parser插件 const bodyParser = require('body-pa…

1.基于cookie的用户认证 express 依赖 cookie-parser 2.axios语法: axios.get('/data').then(res=>{ if(res.status==200){ if(res.data.code==0) { .......... } } }) 3.非route组件通过@withRouter包裹组件获取props中属性(比如要使用this.props.history.push) sd 总结一下: 登陆页面: 先用antd-mobile做好UI, 点击注…

Axios的使用 axios.get('/data') .then(res=>{ if(res.status==200) this.setState(data:res.data) })…

第一章 课程道学 6个页面 弱化css Antd-mobile作为组件库 Redux 状态管理 React-Router 路由 Axios异步请求 后端Express框架 Socket.io 数据库:Mongodb ==================================================================================================== 列表: 第1章 介绍课程目标和学习内容包括课程概述.课程安排.学习前提.讲授方式等…

2-1 介绍React开发环境 npm install -g create-react-app xxx npm run eject   来配置webpack 2-2 ES6常用语法 其他 还有一些特性,虽然不在ES6的范围内,但是也被babel支持,普遍被大家接受和使用(需要安装插件) ·对象扩展符,函数绑定 ·装饰器 ·Async await 2-3 Express简介 var app = express() app.get('/',function(){ res.send('Hello wo…

一.课程导学 1.React 主要解决的是UI层的问题,应用的状态需要借助Redux等状态管理. 2.前端React  +  antd-mobile UI组件库 + Redux 状态管理库 + React-router 路由 + MongoDB + Socket.io(即时通信) + Node (express) + Axios 异步请求. 3.前端工程化:webpack4.0 + git 二.知识储备(React + Node + MongoDB + ES6) 1.…

一 .  组件细节知识点 1.  解决组件在h5中编码规范 例如 : table , ul , ol  等等 <table> <tbody> <row></row> <row></row> <row></row> </tbody></table> Vue.component('row',{ template:'<tr><td>this is a row</t…

1.解决非父子组件之间的传值问题 非父子组件传值(Bus/总线/发布订阅模式/观察者模式) 给 Vue类上挂在一个属性,然后创建vue实例时,实例就拥有了这个属性 Vue.prototype.bus = new Vue(); //发送 this.bus.$emit('change',this.selfContent); //监听 this.bus.$on('change',function (value) { this_.selfContent = value;}); <!DOCTYPE htm…