14 [插入] 案例总结

12/11/2021 react

github搜索案例相关知识点

  • 设计状态时要考虑全面,例如带有网络请求的组件,要考虑请求失败怎么办。

# ES6小知识点:解构赋值+重命名

    let obj = {a:{b:1}}
    const {a} = obj; //传统解构赋值
    const {a:{b}} = obj; //连续解构赋值
    const {a:{b:value}} = obj; //连续解构赋值+重命名

# 消息订阅与发布机制

PubSubJS
mroderick/PubSubJS: Dependency free publish/subscribe for JavaScript (opens new window)

  1. 先订阅,再发布(理解:有一种隔空对话的感觉)
  2. 适用于任意组件间通信
  3. 要在组件的componentWillUnmount中取消订阅

# fetch发送请求(关注分离的设计思想)

    try {
        const response= await fetch(`/api1/search/users2?q=${keyWord}`)
        const data = await response.json()
        console.log(data);
    } catch (error) {
        console.log('请求出错',error);
    }
更新时间: Saturday, December 11, 2021 16:53