![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
josavion
喜欢C罗,坐标武汉的一只前端菜鸟
展开
-
React Redux 的单向数据流
原创 2021-02-02 15:35:41 · 561 阅读 · 0 评论 -
React JSX 的本质是什么?
JSX 的本质就是一个 React.createElement 函数,他接收多个参数来返回 Vnode;第一个参数是标签名 可能是原生的 HTML 标签名,是一个小写字母开头的字符串; 可能是一个自定义的组件,React 规定自定义组件以大写字母开头; 第二个参数是属性信息,如果没有属性则为 null; 第三个参数是子元素; 如果拥有多个子元素,可以依次放在第三个、第四个... 也可以用在数组中存放多个子元素 ...原创 2021-02-02 15:03:55 · 430 阅读 · 0 评论 -
React setState 同步 or 异步,合并 or 不合并
在面试中我们经常会做一些关于 setState 的面试题,主要是考察同步异步,合并还是不合并的问题,这篇文章就主要来聊聊这个问题原创 2021-02-02 14:24:57 · 1035 阅读 · 0 评论 -
React HOC & RenderProps
React 在组件复用方面是怎么做的?本文来说说高阶组件(HOC)和 RenderProps原创 2021-01-27 17:39:29 · 284 阅读 · 0 评论 -
React ShouldComponentUpdate 与不可变值
ShouldComponentUpdate 的用法以及会忽略的一些细节原创 2021-01-27 15:32:02 · 494 阅读 · 0 评论 -
React 异步加载组件
React 如何加载异步组件原创 2021-01-27 11:43:19 · 2073 阅读 · 0 评论 -
React context 的使用方法
通常在 React 组件中,我们会使用 props 来自上而下(父传子)的传递属性。但是当组件层级太深时,或者某些属性是应用中很多组件都需要使用的,比如UI主题等,使用传统的 props 来处理就会显得非常麻烦。而 Context 就提供了一种组件间信息共享的解决方式,从而避免了通过 props 的逐层传递。1. 生产者React.createContext:创建一个 Context 对象;const MyContext = React.createContext(defaultVal原创 2021-01-27 11:17:17 · 563 阅读 · 0 评论 -
React refs
创建 Refsclass MyComponent extends React.Component { constructor(props) { super(props); this.myRef = React.createRef(); } render() { return <div ref={this.myRef} />; }}// 访问 Refsconst node = this.myRef.current;访问 Refs当 ref原创 2021-01-25 17:13:38 · 201 阅读 · 0 评论 -
React 受控组件与非受控组件
受控组件在 HTML 中,表单元素(如<input>、<textarea>和<select>)通常自己维护 state,并根据用户输入进行更新。而在 React 中,可变状态(mutable state)通常保存在组件的 state 属性中,并且只能通过使用setState来更新。我们可以把两者结合起来,使 React 的 state 成为“唯一数据源”。渲染表单的 React 组件还控制着用户输入过程中表单发生的操作。被 React 以这种方式控制取值...原创 2021-01-25 16:50:46 · 156 阅读 · 0 评论 -
React 生命周期
挂载阶段,当组件实例被创建并插入 DOM 中时,其生命周期调用顺序如下: constrcutor render componentDidMount 更新阶段,当组件的props或者state发生变化或更新时,组件更新的生命周期调用顺序如下: shouldComponentUpdate render componentDidUpdate 卸载阶段,当组件要被销毁时会调用如下方法: componentWillUnMount 和Vue的组件间的生命周期一样,React的父子原创 2021-01-25 16:19:43 · 62 阅读 · 0 评论