这种现象叫 Prop Drilling, 指的是在组件树中，父组件不得不往下传递某些 props 给子组件，但是其本身并不需要使用这些 props 的行为。
1. 使用 Context，Redux 等。不要使用 Legacy 的 Context API 。
2. 改善组件设计，避免多早的把 Render 逻辑拆分为 Component(这会导致 Drilling 程度的加重)，直到需要复用，再进行拆分。
3. 使用 Compound Component Pattern 等方式来进行组件设计，也可以避免这种情况。

什么是 Compund Component Pattern 呢，参考下面的代码形式：

```jsx

import React from "react";
import { Counter } from "./Counter";

function Usage() {
const handleChangeCounter = (count) => {
console.log("count", count);
};

return (
<Counter onChange={handleChangeCounter}>
<Counter.Decrement icon="minus" />
<Counter.Label>Counter</Counter.Label>
<Counter.Count max={10} />
<Counter.Increment icon="plus" />
</Counter>
);
}

export { Usage };

```

我觉得 React 的官方文档很不错啊。唯一的问题是把 Function / Class 没有拆分的特别开。

看了文档以后可以把 Dan 的 Blog 多看看。https://overreacted.io/

尤其是以下几篇：
https://overreacted.io/react-as-a-ui-runtime/
https://overreacted.io/the-elements-of-ui-engineering/
https://overreacted.io/a-complete-guide-to-useeffect/

也可以上 Youtube 搜下历届 React Conf 的一些 Lecture 看看。

囫囵吞枣的简单的理解 React 当下的 API/设计不难，难得是理解为什么他要演进成这个样子，为什么要这么设计？这么设计解决了什么问题？

其他的不知道 thinkpad 的工作站笔记本扩展起来是真的方便，硬盘接口和内存接口之间 D 面小板子一拆就好了。。想想我之前的 Acer，还得拆 C 面 + 主板来加内存。。

965 单趟走路 15 分钟。

@WilsonGGG 试用了下 Sync block，有点意思，但是体验和 RemNote 的 portal 还是有点差距，插入和引用不太方便。只能 copy 然后 sync 。。

推荐你可以用用 remnote 。

@WilsonGGG Notion 之前那个不是 backlink 么。算不上双链。sync block 出之前我就跑去用 RemNote 了。

虽然 wolai 像素级 copy Notion，但是 wolai 居然已经做出了双链。。这点 Notion 太慢了。

M1，加点钱上 16 RAM 的版本吧。

可以做。通过 WebAPI 启动摄像头抓到用户的面容，然后利用深度学习技术判断用户的表情和蒙蔽程度，然后计算用户脑子活跃程度。然后我编不下去了。

大佬不把工作台搞得好看一点么。。现在看着这工作台和这个显示器有点违和啊。

达不溜爱思矮楼

你搜 shortid 就出来了

@Trim21 thx.

wsl2 的 memory leak 问题解决了么。

B 站，发展好。