next.js 如何正确向子组件传递数据？

[thedog]

目前通过 chatgpt 查询到向子组件传递数据有两种方式：
1. 子组件自己走 api 调用获取数据
2. 由父组件向子组件传递


有一个子组件在所有页面都被使用到， 如果由父组件传递，就会产生很多重复的冗余代码。而走 api 调用会影响页面 seo 。想知道，有没有其他方式可以通过子组件直接获取数据？

[dudubaba]

封装 hooks ，使用数据流 Context

[thedog]

@dudubaba 学到了，非常感谢！