React Native中SectionList先声明renderSectionHeader滚动失效是否为Bug

首先明确核心结论：React中props的声明顺序完全不会影响组件的运行逻辑，你观察到的现象不是属性顺序本身导致的。 #

原理说明 #

JSX中传递的props最终会被编译为普通JavaScript对象，对象的属性顺序不会对SectionList这类通用组件的内部处理逻辑产生影响，React Native官方文档也从来没有对SectionList的props声明顺序做过任何要求。你提供的两份代码除了props声明顺序之外没有任何逻辑差异，理论上运行表现应该完全一致。

问题排查建议 #

• 首先确认两次测试过程中，除了props顺序之外没有修改任何其他代码（包括父组件布局、样式定义、DATA数据源内容）。滚动失效最常见的原因是SectionList没有获取到明确的高度约束（比如父组件没有设置flex:1，或者嵌套在无固定高度的ScrollView中），你观察到的调整顺序后恢复滚动大概率是热更新过程中的偶发巧合。
• 如果你可以稳定100%复现“只有调整renderItem和renderSectionHeader的顺序才能修复滚动”的现象，说明你当前使用的React Native版本存在底层的特定Bug，建议升级到最新的稳定版（0.71及以上）重试，目前主流稳定版本没有收到过这类共性问题的反馈。
• 你提到的“header先于子项展示”是SectionList的正常设计表现，分组头部默认展示在对应分组的所有列表项之前，和props的声明顺序没有关联。

内容的提问来源于stack exchange，提问作者vikramvi