我在react.js中有一个问题说明，我已经解决了。但是代码并不简洁。
这里的工作演示链路 - 的 Working Demo
我在垂直和水平方向上添加了三个网格。结果输出应如下所示。
有两个选项。如果我选择水平我应该只能够编辑所述水平元件的输入字段，如果我选择垂直我应该只能够编辑的垂直元素的输入域。
当我在输入字段中的元素应该是编辑号码的重新排序或的与其它元素的行中的相对于所述编号I swaped已按照演示中的说明输入了输入。
在正在运行的演示中，我几乎能够实现这一目标，但是代码太长。应该简明扼要。我想必须有一个较短的方法来实现这一目标。在关于这个问题的任何帮助吗？
注意：我已共享的代码在工作演示
。