React 组件、JSX 与状态基础
Vue与React 前端开发基础#Python全栈#第八阶段#Vue与React 前端开发基础#React 组件、JSX 与状态基础约 666 字 · 2 分钟阅读
追问显示点击任意追问卡片可收起 / 展开
React 函数组件是什么，组件名称为什么通常使用大写开头？
追问 如何通过 JSX 组合自定义组件与浏览器元素？组件函数和最终 DOM 有什么区别？
JSX 与 HTML 在书写上有哪些区别？
追问
className、表达式花括号、闭合标签与 style 对象应如何使用？JSX 是否是 HTML 字符串？React 如何接收 props，为什么应把它们当作只读输入？
追问 子组件想删除一条记录时，如何调用父组件传来的回调，并传递记录 ID？
React 中怎样进行条件渲染？
追问 使用
count && <List /> 时，count 为零可能显示什么？如何明确区分空结果与有效数字？React 怎样渲染列表并指定 key？
追问 key 的唯一性应在哪个范围内满足？子组件若需要记录 ID，能否直接从 props 中读取 key？
useState 返回哪些值，setter 怎样触发后续更新？
追问 调用 setter 后立即读取当前函数中的变量，为什么可能仍得到原来的值？
什么是 React 状态快照？
追问 同一事件处理函数连续执行三次
setCount(count + 1)，为何不同于三次函数式更新？怎样更新 React 状态中的对象、数组和嵌套数据？
追问 为什么应创建新的结构？浅拷贝之后直接修改嵌套对象，仍可能带来什么问题？
受控输入与非受控输入有什么区别？
追问
value、defaultValue 与变更事件分别怎样配合？异步数据为什么可能导致受控状态切换警告？组件状态何时保留，何时重置？
追问 组件在树中的位置、类型与 key 怎样影响身份？如何在切换编辑对象时有意重置表单？
核对资料： React：状态快照。