React

什么是Ref转发？ 转发refs到DOM组件 下面的组件是一个渲染原生DOM元素button的FancyButton组件 Ref转发是一个可选特性，其允许某些组件接收ref,并将其向下传递给子组件。

什么是错误边界？ 解读 错误边界指的是部分UI导致的JS错误导致整个应用崩溃，React为防止这种问题的发生引入 了错误边界，错误边界是一种组件，这种组件可以检测发生在其子组件树任何位置的JS错误，并

Context有什么作用？ 解读 通过Context可以让组件树之间进行数据传递，并且不需要手动添加props. 何时使用Context？ 例如下面的例子，通过theme属性手动调整一个按钮组件的样式

这是我参与更文挑战的第28天，活动详情查看：更文挑战 打包 实例：打包前文件和打包后文件对比 打包前 打包后 代码分割 打包应该注意的问题： 随着应用体积的增加，避免因为体积过大而导致加载过慢的问题。

这是我参与更文挑战的第27天，活动详情查看：更文挑战 什么是无障碍辅助功能？ 解读 标准和指南 WCAG 网络内容无障碍指南（Web Content Accessibility Guidelines，

这是我参与更文挑战的第25天，活动详情查看：更文挑战 引入React哲学 从设计稿开始 假设我们已经拥有了以下几个东西 一个能够返回JSON数据的API 设计师提供的组件设计稿 第一步：将设计好的UI

这是我参与更文挑战的第24天，活动详情查看：更文挑战 包含关系 其他组件将任意组件作为子组件传递给上面我们定义的组件中 解读 有时候也可以不使用children prop，例如下面的这种情况 解读 特

这是我参与更文挑战的第23天，活动详情查看：更文挑战 为什么需要状态提升？ 首先创建一个判断水是否沸腾的组件BoilingVerdict 添加第二个输入框 解读 我们希望的是当一个输入框的值发生变化的

这是我参与更文挑战的第22天，活动详情查看：更文挑战 表单基本介绍 举例 解读 该表单具有默认的HTML表单行为，实现这种效果的方式，在React中是通过受控组件的方式。 受控组件 让前一个例子在提交

这是我参与更文挑战的第20天，活动详情查看：更文挑战 引言 观察下面两个组件 再创建一个 Greeting 组件，它会根据用户是否登录来决定显示上面的哪一个组件。 这个示例根据 isLoggedIn

这是我参与更文挑战的第19天，活动详情查看：更文挑战 React中的事件处理 React中的事件的命名采用小驼峰的命名方式，小驼峰的实例onClcik 传统的HTML事件处理函数传入的是一个字符串 R

这是我参与更文挑战的第18天，活动详情查看：更文挑战 state是私有的。 解读 官方对state的介绍很重要，我们必须要知道state是私有的，并且完全受控于当前组件。 将函数组件转换为类组件 创建

这是我参与更文挑战的第17天，活动详情查看：更文挑战 组件的概念 解读 组件是独立可复用的代码片段，这种代码片段接收props参数并返回React元素。 函数组件与类组件 函数组件 函数组件的本质就是

这是我参与更文挑战的第16天，活动详情查看：更文挑战 元素是什么？ 解读 React元素的本质是对象。 React DOM会负责将这个对象更新到DOM中，来和React元素保持一致。 组件和元素是不同

问题描述 问题解决方案 在package.json同级目录下新建一个文件名为.env,并添加下面的内容 停止项目，重新npm start

这是我参与更文挑战的第15天，活动详情查看：更文挑战 为什么不可变性在React中非常重要？ 不可变性指的是不直接修改数据，而是使用新的数据替换旧的数据。 不可变性带来的优势： 撤销和回退操作在开发中

这是我参与更文挑战的第14天，活动详情查看：更文挑战 React是什么？ 什么是组件？ React.component子类 解读： 组件接收的参数叫做props. render方法返回的结果就是渲染到

问题描述 给表单中的每一个表单项传入一个参数的时候，参数已经传进去了，但是initialValue并没有发生变化。 原因 解决办法 在生命周期函数componentDidUpdate中添加下面的代码即

1. 引入store.js库 项目地址 2. 定义并导出存储到本地的模块(storageUtils.js) 3. 登录成功时将用户的数据通过storageUtils的saveUser方法进行保存 4.

React项目引入路由（基础） 1. 安装工具包 2. 引入路由器、路由、Switch等 基础学习笔记