学了啥
reactJs的基本语法、命令、功能
它需要引用三个.js文件,
react.js,核心库文件;
react-dom.js,提供与dom操作相关的功能;
babel.js,把jsx转换为js语法;
ReactDOM.render(),把内容渲染到页面上
es6的class来定义组件类,
class Xxxx extends React.component{}...
state的状态,
- this.state,获取state的状态;
- this.setState(),修改state的状态;
当调用this.setState()的时候,自动触发render()方法,更新页面。
事件,通过事件来传递、修改一些值
父子组件传值,
主要是通过props、自定义属性。
_e.preventDefault(),阻止默认事件,
一般用在form表单之类 的东西。
在reactJs当中,添加class,使用className
路由:主要是应用于SPA单页应用,就是不切换页面、不跳转页面的情况下,根据不同的url,去更新同一个dom节点的不同的内容。
redux:它是ReactJs的状态管理
所有的状态,都保存在一个大对象里,store
store.getState(),从store当中获取状态,
Action,导致state发生变化的。
dispatch:它是view发出action的唯一方法,
.dispatch(),它是Store的方法
reducer:store.dispatch(action),你view上dispatch的action,
最终到了reducer里面。
reducer是一个函数,接收二个参数,
当前的state,action
state发生变化,会自动的触发render(),
重新渲染页面,给出一个新的state,
这导致了view变化 ,这个过程,叫reducer。
Store,它有三个方法,
- getState(),用来获取初始状态;
- dispatch(),用来发出action;
- subscribe(),监听state的变化,自动更新页面。
观察者模式:react、vue,它们都使用了观察者模式,
它包含了主题对象,订阅者和发布者