直接修改useState状态变量且不触发重渲染是否为不良实践？

是的，哪怕你当前不需要触发组件重渲染，直接修改activeObjects数组里对象的属性（比如activeObjects[0].someData = "newData"）依然是React中的不良实践，原因如下：

• 违反状态不可变性原则：React的状态设计基于不可变性，所有状态更新都应该通过useState返回的更新函数完成。直接修改状态对象会让React无法追踪状态变化，导致状态快照和实际数据不一致。
• 埋下隐性bug：当前这些属性不需要渲染，但后续需求变化后，一旦需要用这些属性驱动UI，你会发现UI无法同步更新——因为React没有检测到状态变更，排查这类问题会浪费大量时间。
• 破坏状态一致性：直接修改状态会导致组件内部的实际数据和React维护的状态副本脱节，可能引发依赖该状态的副作用（比如useEffect）无法正确执行，因为副作用的触发依赖于状态的可追踪变更。

更合适的处理方案 #

如果这些属性只是用于后续存储、不需要驱动UI渲染，完全可以用useRef来存储这组数据：

const activeObjectsRef = useRef([]);

// 修改数据时直接操作ref.current，不会触发重渲染
activeObjectsRef.current[0].someData = "newData";

useRef存储的对象不受React状态追踪机制限制，修改其current属性不会触发组件重渲染，同时能保证你随时访问到最新的存储数据，完全适配你的需求。

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