陪你听风vey
陪你听风vey
全部文章
分类
未归档(68)
归档
标签
去牛客网
登录
/
注册
陪你听风vey的博客
全部文章
(共68篇)
redux 极速入门
image.png 这就是 redux的基本流程. store中维护着一个状态 state, 组件组订阅这个状态. 如果组件需要更新这个状态, 就定义一个 action, 通过 store.dispatch方法, 告知 state的维护者 reducer, 我这个 action需要改...
2019-03-18
0
249
react 属性校验
之前, 属性校验是react里面的一部分, 现在这个部分被抽离了出来, 形成了一个独立的模块. 在给子组件传递值的时候, 子组件有时候希望校验一下父组件传递过来的值的类型到底是不是符合要求. 校验的结果不会影响渲染, 但是会在控制台打出一串很烦心的红色警告. 安装 npm install --s...
2019-03-17
0
288
react 拦截非登录用户对页面的查看
当用户没有登录的时候, 有些页面不能允许其访问. 具体的做法是: 重新自定义一个路由, 然后依据用户时候登录, 执行跳转逻辑 比如, 用户未登录, Topic 页面就不允许他访问, 转而跳转至登录界面, 这类似与Vue的导航守卫. 但是r...
2019-03-17
0
1234
react 自定义Link
image.png 在这个导航里面, 没有使用 NavLink, 使用的是自定义的 MenuLink. MenuLink其实就就是一个函数, 返回并导出了一个 Route, 只是根据对 react某些特性的合理使用, 就成了自定义的 Link了. const MenuLink = ...
2019-03-17
0
267
react withRouter
高阶组件中的withRouter, 作用是将一个组件包裹进Route里面, 然后react-router的三个对象history, location, match就会被放进这个组件的props属性中. // withRouter实现原理: // 将组件包裹进 Route, 然后返回 // con...
2019-03-17
0
250
react 生命周期
image.png 首先就会初始化默认的 props, 检验父级传递的 props 然后执行 constructor, 初始化 state componentWillMount: 组件即将挂载 render: 渲染 componentDidMount: 组件挂载完成 如果...
2019-03-15
0
249
react Consumer Provider
跨几个组件传递值或者方法的时候, 如果依赖父子组件传值, 那势必会很麻烦. 好在react提供了Provider 和 Consumer // context.js import React from 'react' let { Consumer, Provider } = React.create...
2019-03-15
0
266
react 受控组件与非受控组件
受控组件: react 接收控制权, 非react的手段不能对元素进行更改. 每一个操作都在react的监控内 非受控组件: 元素的状态不受 react 控制 受控组件 这里给出示例: image.png import Rea...
2019-03-14
0
378
React 小注意
在jsx中, 有很多东西, 是不能用html中tag的属性的. label 的 for => htmlFor 样式类 class => className 语法: {code} 被解释为 js 代码 <> 被解释为 html 数组可以直接被渲染: React...
2019-03-14
0
275
React 渲染
image.png 在babel中, 勾上React, 输入如下代码: let div = <div id="test">test <span> test</span><p>nihao</p></div...
2019-03-14
0
243
首页
上一页
1
2
3
4
5
6
7
下一页
末页