React.js Проблема - если редактировать число в поле ввода, как изменить порядок элементов в строке - PullRequest
0 голосов
/ 03 февраля 2019

У меня есть постановка проблемы вact.js, которую я в значительной степени решил.Но код не является кратким.

Вот рабочая демонстрационная ссылка - Рабочая демонстрация

Я добавил три сетки по вертикали и горизонтали.Результирующий вывод должен выглядеть следующим образом.

  1. Есть два варианта.Если я выберу Горизонтальный , я смогу редактировать только поле ввода горизонтального элемента, а если я выберу Вертикальный , я смогу редактировать только поле ввода вертикального элемента.

  2. Когда я редактирую числа в поле ввода, элементы должны быть переупорядочены или поменяны местами с другими элементами в строке относительно числа IЯ поставил на поле ввода , как показано в демо .

В рабочей демоверсии я смог добиться этого, но код слишком длинный.Это должно быть кратким.Я думаю, что должен быть более короткий путь для достижения этого.Любая помощь в отношении проблемы?

Примечание: Я поделился кодом в Рабочая демонстрация .

...