React学习

经过一天周末的休息，和周一忙碌的面试，继续开始react的学习，经过前面的学习（主要是官网），我大概了解react的一些理念和基础的皮毛。为了加深印象，继续学习react组件，看看大佬们怎么做。这里r

React 提供了一种声明式的方式来操作 UI，描述你的组件可能处于的不同状态，并在它们之间切换以响应用户输入。 声明式 UI 与命令式 UI 相比如何 当你在表单中输入内容时，“提交” 按钮将变为启

map()转换数组 如果要更改数组的部分或全部项目，可以使用 map() 创建新数组。你将传递给 map 的函数可以根据其数据或索引（或两者）决定如何处理每个条目。 slice()插入到数组 reve

化解上文，在更新了状态中的对象后，又如何更新状态中的数组呢？ 数组在 JavaScript 中是可变的，但在将它们存储在状态中时，你应该将它们视为不可变的。就像对象一样，当你想更新存储在状态中的数组时

状态可以保存任何类型的 JavaScript 值，包括对象。但是你不应该直接改变你在 React 状态下持有的对象。而是，当你想更新一个对象时，你需要创建一个新对象（或复制一个现有对象），然后设置状态

React 中的渲染意味着什么 React 何时以及为何渲染组件 在屏幕上显示组件所涉及的步骤 为什么渲染并不总是产生 DOM 更新 渲染的步骤 请求和提供 UI 的过程分为三个步骤： 触发渲染 渲染

如何使用 useState 钩子添加状态变量 useState 钩子返回哪对值 如何添加多个状态变量 为什么状态在局部被调用

React 允许你向 JSX 添加事件处理程序。事件处理程序是你自己的函数，将被触发以响应单击、悬停、聚焦表单输入等交互。vue(@click、@change) 添加事件 首先定义一个函数，然后 作为

如何使用 JavaScript 的 map() 从数组中渲染组件？ 如何使用 JavaScript 的 filter() 只渲染特定组件？ 箭头函数 key很重要 和vue的v-for key作为循环

组件通常需要根据不同的条件显示不同的内容。在 React 中，以使用 if 语句、&& 和 ? : 运算符等 JavaScript 语法有条件地渲染 JSX。

如何传递？ 可以分开传，可以针对不同的属性，在组件上传递（注意花括号的问题）； props传递，把参数对象使用props的方式传递。 子组件读取与属性默认值 组件内的属性不是静止的，组件可能会随着时间

为什么JSX很重要? JSX 是 JavaScript 的语法扩展，可让你在 JavaScript 文件中编写类似 HTML 的标记。大多数 React 开发者更喜欢 JSX 的简洁性，并且大多数代码

什么是组件？ 组件是用来构建用户UI页面的模块。React 允许你将标记、CSS 和 JavaScript 组合到应用的自定义 “组件”、可重用 UI 元素中。使用组件时可以像使用html标签一样，可

学习背景以及个人介绍 我是一名老前端了，以前端知识基本都是自学，属于非计算机行业转行。我一直使用vue2/3作为技术栈，经历了大大小小的项目以及产品，但是人到中年身不由己，重新起航开始学习React,