Hookstate访问含数组属性的状态报child.get不是函数的问题

• 第一类错误是API拼写/选型错误：在函数组件中消费全局Hookstate状态，必须使用库本身导出的useHookstate Hook，你当前代码里写的const global = useState(exerciseState) 是错误地将创建好的全局状态实例，直接作为初始值传给了React原生的useState，完全没有建立全局状态和当前组件的绑定关系，也不会触发任何状态更新的渲染逻辑。
• 之前测试的“数字属性状态可正常运行”是无意义的假象：简单数值没有嵌套结构，不会触发Hookstate内部的子节点访问逻辑，刚好没有抛出报错，但本质的状态绑定逻辑从一开始就是错误的。
• 当前抛出的child(key).get is not a function 报错，就是因为绑定逻辑缺失，当链式调用.get() 访问嵌套属性时，底层获取到的子状态节点没有初始化对应的.get() 方法，直接触发了类型错误。

1. 修正组件内的状态绑定代码

   import { useHookstate } from "@hookstate/core";
   import exerciseState from "你存放全局状态定义的文件路径";
   
   function CreateWorkoutScreen(){
       // 用库提供的Hook完成全局状态和组件的绑定
       const globalState = useHookstate(exerciseState);
       // 调用根节点的.get()拿到整个状态的纯值，再解构取出数组
       const { exerciseDetails } = globalState.get();
   }
   

2. 嵌套数组的常见访问误区
   • 不要直接对Hookstate的状态实例做对象解构：比如写const { exerciseDetails } = globalState 这类代码，解构拿到的不是普通数组值，而是对应层级的Hookstate子状态实例，如果直接把这个实例当普通数组做遍历、值操作，就会触发你当前遇到的get方法缺失报错。
   • 如果需要单独操作数组层级的状态，需要先定位到子状态节点，再调用.get() 获取实际数组值：

     // 定位到exerciseDetails对应的子状态节点
     const exerciseDetailsNode = globalState.exerciseDetails;
     // 调用get拿到实际的数组数据
     const exerciseDetailsValue = exerciseDetailsNode.get();
     

3. 额外说明：Hookstate对数组的处理逻辑和普通对象完全一致，不存在数组类型的特殊兼容问题，只要绑定逻辑正确，数组的新增、删除、修改操作都可以通过子状态节点的原生方法完成，不需要额外的转换操作。

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