多节点切换编辑右侧详情表单数据时，表单数据容易被覆盖的问题

## 定位

前端问题

这里提的是 saga/seata-saga-statemachine-designer 目录下的前端问题。

## 版本

3.1.3

## 环境

系统：
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36

浏览器：
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36

React：
http://g.alicdn.com/code/lib/react/16.8.6/umd/react.production.min.js

## 重现链接

定位：Flow

无重现链接，以 GIF 代替，可 100% 重现。


## 重现步骤

1. 点击一个节点A，编辑右侧详情表单
2. 点击另一个节点B，（此时右侧表单数据并没有根据节点的切换而改变），点击右侧详情表单进入编辑状态，但不编辑
3. 点击画板空白处（此时，节点B的表单数据变成和节点A一样，被覆盖改变了）

## 期望的结果是什么

1. 右侧表单数据能根据节点的切换，而更新成与节点相对应的数据
2. **后点击编辑的节点数据** 不会被 **先前点击编辑的节点数据** 所覆盖

## 实际的结果是什么

1. 右侧表单数据 **无法** 根据节点的切换，而更新成与节点相对应的数据
2. **后点击编辑的节点数据** 会被 **先前点击编辑的节点数据** 所覆盖

Start in saga/seata-saga-statemachine-designer and inspect the Flow view and right-side detail form while following the three reproduction steps in the issue; the attached GIF shows the behavior. Done means switching nodes refreshes the form for the selected node and clicking the canvas no longer lets earlier node data overwrite later node data.

Written by the indexing model from the issue text.