DEV Community
·
你更喜欢哪种 React 渲染回调模式？
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
作者在重构React应用时，发现了两种组件渲染控制模式：Render Prop和Function as a Child（FaaC）。两者都通过父组件的回调函数控制子组件渲染。Render Prop使用自定义的render属性，而FaaC利用children属性。作者更倾向于FaaC，但不喜欢必须将children定义为返回ReactNode的函数。最终，作者对哪种模式更好持开放态度，认为结果相同。
🎯
关键要点
-
作者在重构React应用时发现了两种组件渲染控制模式：Render Prop和Function as a Child（FaaC）。
-
两者都通过父组件的回调函数控制子组件渲染。
-
Render Prop使用自定义的render属性，而FaaC利用children属性。
-
作者更倾向于FaaC，但不喜欢必须将children定义为返回ReactNode的函数。
-
作者对哪种模式更好持开放态度，认为结果相同。
❓
延伸问答
Render Prop和Function as a Child（FaaC）有什么区别？
Render Prop使用自定义的render属性，而FaaC利用children属性来控制子组件的渲染。
作者更倾向于哪种渲染模式？
作者更倾向于Function as a Child（FaaC）模式。
为什么作者不喜欢将children定义为返回ReactNode的函数？
作者认为这样做限制了children的定义，感觉不够灵活。
这两种渲染模式的最终结果有什么相同之处？
两种模式的最终结果都是通过父组件的回调函数控制子组件的渲染，效果相同。
作者对哪种渲染模式更好持什么态度？
作者对哪种模式更好持开放态度，认为结果相同。
在React中使用Render Prop模式有什么优势？
Render Prop模式使用自定义的render属性，允许更灵活的定义组件逻辑。
➡️
