react学习

发布时间 2023-11-16 19:03:03作者: 躺尸的大笨鸟

image
image
提升state?what?how?why?
兄弟组件之间怎么共享state?
image
onClick='fn()'会立即调用,传参使用onClick='() => fn(id)'
image
提前返回一些东西 ()的意义
image
state不应在组件中改变
state三部曲:1.定义它 2.使用它 3.更新它
类似vue中的slot=children prop,传递jsx
image
bill账单例子引发的问题?

  1. 多个state状态 数据类型
  2. 传值状态确定
    bill账单例子视频获得:
  3. 先静态页面,再state动态
  4. 条件渲染 互斥 && 写三次
  5. 组件命名 FriendsList FormSplitBill FormAddFriend
  6. 组件抽取 Button
  7. 创建新对象,才会被渲染,数组[...a, b] 对象{...r, b}
    aspect-ratio: 1
    image
    image

拆分?
how 怎么将ui拆分成组件?
when 什么时候创建组件?