创建 React Ref 然后传递给组件

Question

我正在根据我创建的对象动态制作各种 div，然后允许用户编辑 div，但我需要访问 div 上的 ref，以便在用户编辑 div 时检查 div 的位置。是否可以创建一个 ref 并将其放置在对象内部，然后稍后将该 ref 放置在 div 中。谢谢

下面是存储ref的对象

const obj1: IObject = {id : "1", ref: React.createRef<HTMLDivElement>()}

稍后在程序中我循环遍历这些对象的数组并将引用附加到 div.

<div ref={container.ref}></div>

然后每当与 div 相关的 redux 调度发生时，我引用该对象并打算引用数组中的所有其他对象和 div，所以我知道我可以在哪里放置 div，但是当我在 Next.JS 中运行此代码时我明白

TypeError: Cannot assign to read only property 'current' of object '#<Object>'

我试过使用 useRef 和 forwardRef 似乎都不起作用。除了

之外，还有其他访问元素的方法吗？

document.getElementById()

我试过更换

React.createRef

与

React.useRef and React.forwardRef

我也尝试过使用 document.getElementById 但这不一致。