Reactjs React和全局状态(reactn)

Reactjs React和全局状态(reactn),reactjs,react-hooks,global-state,Reactjs,React Hooks,Global State,我目前正在使用react并使用reactn()管理全局状态 我必须使用“SVG”,并且能够在将来制作图表。 我想为我创建的每个矩形, 并更新x和y坐标 我的矩形存储在全局状态=>index.js中 SetGlobal({rectangles : []}) 我只需要使用当前矩形的索引设置数组矩形,而不需要查看整个数组的副本 const allRectangles = [...rectangles]; allRectangles[index].x = allRectangles[index].x

我目前正在使用react并使用reactn()管理全局状态

我必须使用“SVG”,并且能够在将来制作图表。 我想为我创建的每个矩形, 并更新x和y坐标

我的矩形存储在全局状态=>index.js中

SetGlobal({rectangles : []})
我只需要使用当前矩形的索引设置数组矩形,而不需要查看整个数组的副本

const allRectangles = [...rectangles];

allRectangles[index].x = allRectangles[index].x - diffX;
allRectangles[index].y = allRectangles[index].y - diffY;
allRectangles[index].cercle1.x = allRectangles[index].cercle1.x - diffX;
allRectangles[index].cercle1.y = allRectangles[index].cercle1.y - diffY;
allRectangles[index].cercle2.x = allRectangles[index].cercle2.x - diffX;
allRectangles[index].cercle2.y = allRectangles[index].cercle2.y - diffY;

allRectangles[index].coords.x = e.pageX;
allRectangles[index].coords.y = e.pageY;

setRectangles(allRectangles);
我必须做这种练习,但要有一个全球性的状态

我不知道我是否理解了自己,这对我来说还是新鲜事