Блог

В настоящее время я использую react и управляю глобальным состоянием с помощью reactn (https://github.com/charlesStover/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);
  

Я должен выполнять такого рода упражнения, но с глобальным состоянием
https://codesandbox.io/s/0xo7y0wolv

Я не знаю, правильно ли я выразился, это все еще ново для меня.