-
react-redux项目结构
查看全部 -
import {connect} from "react-redux"; let AddTodo = ()=>{ return( <div> <form onSubmit={e=>{e.preventDefault(); if (!input.value.trim()){return} dispatch()} }> <input/> <button/> </form> <div/>) } AddTodo = connect()(AddTodo) export default AddTodo
查看全部 -
import {connect} from "react-redux"; let AddTodo = ()=>{ return( <div> <form> <input/> <button/> </form> <div/>) } AddTodo = connect()(AddTodo) export default AddTodo
查看全部 -
6-2 webpack解释
查看全部 -
actions--->用户行为
components--->组件
containers--->容器
reducer---> store里面负责分发action行为
index.html ---> 模板文件
server.js---> 构建项目相关配置文件
webpack---> 打包配置文件查看全部 -
React简单回顾
查看全部 -
redux 安装包
查看全部 -
reducer响应数据
查看全部 -
container文件作用于获取,更新数据,由react-redux生成。
component文件作用于样式,布局,获取数据
查看全部 -
react回顾
查看全部 -
组件分为两类:
container
component
查看全部 -
状态可预测,即action作用在store上,产生的变化是可知的。
查看全部 -
Store
action作用于store
reducer根据store响应
store是唯一的
store包括了完整的state
state完全可预测
查看全部 -
Reducer
是响应的抽象
pure function
传入old state和action
返回new state
查看全部 -
Action
行为的抽象
普通JS对象
由方法生成:action creator
必须有一个type
查看全部
举报
0/150
提交
取消