Fix ResearchPlanDetailsFieldTableColumnNameModal

app/assets/javascripts/components/research_plan/ResearchPlanDetailsFieldTableColumnNameModal.js

@@ -7,14 +7,28 @@ class ResearchPlanDetailsFieldTableColumnNameModal extends Component {
   constructor(props) {
     super(props);
 
-    const { columnName } = this.props
-
     this.state = {
-      columnNameValue: columnName ? columnName : '',
+      columnNameValue: '',
       columnNameError: ''
     }
   }
 
+  componentDidUpdate(prevProps) {
+    if (this.props != prevProps) {
+      const { modal, columns } = this.props
+
+      let columnNameValue = ''
+      if (modal.action == 'rename') {
+        columnNameValue = columns[modal.idx].name
+      }
+
+      this.setState({
+        columnNameValue: columnNameValue,
+        columnNameError: ''
+      })
+    }
+  }
+
   handleColumnNameChange(event) {
     this.setState({ columnNameValue: event.target.value });
   }