是否推荐把原始数据作为props参数传递给组件让组件自己计算然后渲染？组件的作用就是逻辑内敛，高度抽象，降低使用成本。如果你在多处拿到的原始数据结构都是一样的，不用纠结，应该直接把数据传递给组件，让组件内部进行处理。

需要遍历获取 Ref，可参考： {代码...}

对于 App 组件来说，ChildComp 对他来说是黑盒的，不应该感知 ChildComp 用没用 input 或者用了几个 input。

可以通过数据抽象一次性处理： {代码...} 如果组件结构差异比较大，没法通过数据统一，只能通过工具方法简化了： {代码...}

写 React 大家容易陷入一个误区：所有的功能都得通过 props 实现，props 一般用于响应式的更新。例如你这个场景，如果 scrollToIdx 变化触发 scrollTo，scrollToIdx 不变不触发，使用 props 传递参数是合适的。按照你的描述，是希望稳定触发 scrollTo，使用 props 去...

{代码...} 将 useEffect 换成 useLayoutEffect 在渲染前计算完就行了。

data 是通过 useEffect 写入的，当第一次 render 的时候 data 还是空，你可以试着把这部分代码放到最前面，就会报错 Cannot read properties of undefined (reading 'map')。解法也很简单：

我说这句话时候，是不是很多前端 和 NodeJS 工（码）程（农）师已经按不住自己的40米大刀了。心中的不仅感慨前端是真的会造轮子，有了 node 还不够吗，还没学会 node 又搞了个 deno，node 和 deno 啥区别？！

  node遵循的是单线程单进程的模式，node的单线程是指js的引擎只有一个实例，且在nodejs的主线程中执行，同时node以事件驱动的方式处理IO等异步操作。node的单线程模式，只维持一个主线程，大大减少了线程间切换的开销。

{代码...}

[链接]

{代码...}

在添加一个class，通过切换class去实现，没办法通过js去修改伪类的 {代码...}

{代码...}

代码里没有引入angular-route.js

antd表示这个锅我不背，代码改成这样 {代码...}

show之前重置一下表单数据