在React中创建映射引用state状态值是否符合开发规范？

实现合法性结论 #

你给出的实现本身不存在功能性问题，可以正常运行。
原理：函数组件每次触发重新渲染时，组件函数会完整执行一次，你在组件顶层定义的parentMap会在每次渲染时重新生成，直接绑定当前渲染周期最新的mom、dad状态值，因此不会出现读取到过期状态的问题。

同类场景的标准处理方案 #

针对通过索引/key快速访问关联状态的需求，React生态中常用的处理方式有三类，你可以根据业务复杂度选择：

• 简单场景直接用你当前的写法：映射关系固定、映射仅做简单的key到状态的指向，不需要额外优化，代码直观易读。
• 映射逻辑复杂时加useMemo缓存：如果映射规则涉及计算、映射关联的状态数量多，可以用useMemo缓存映射对象，避免每次渲染重复生成映射，降低性能开销：

// 仅当mom、dad变化时才会重新生成parentMap
const parentMap = useMemo(() => ({
  0: mom,
  1: dad,
}), [mom, dad])

• 关联状态合并存储：如果mom、dad本身就是业务上的同组属性，可以直接合并为同一个state，省去额外维护映射的成本：

// 初始化同组状态
const [parents, setParents] = useState({0: "", 1: ""})
// 也可以直接用语义化key，更易读
const [parents, setParents] = useState({mom: "", dad: ""})

// 赋值
setParents(prev => ({...prev, 0: "Beth", 1: "Tim"}))

// 读取直接用selector索引即可，不需要额外映射
<Text>Parents name: {parents[selector]}</Text>

避坑提示 #

如果你后续需要把这类映射对象存入useRef持久化，一定要注意在依赖的状态更新时手动更新ref的值，否则ref里存储的会是首次渲染的旧状态值，导致读取异常。

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