23

public/react/src/modules/tpm/challengesnew/TPMMDEditor.js

@@ -209,6 +209,13 @@ export default class TPMMDEditor extends Component {
             initValue: ''
         }
     }
+    componentDidUpdate(prevProps, prevState) {
+        // 不能加，影响了试卷填空题
+        // if (this.props.initValue != prevProps.initValue) {
+        //     this.answers_editormd.setValue(this.props.initValue)
+        // }
+    }
+    
     // react_mdEditor_
     componentDidMount = () => {
         const { mdID, initValue, placeholder, showNullButton} = this.props;

public/react/src/modules/tpm/challengesnew/TPManswer2.js

@@ -194,6 +194,17 @@ export default class TPManswer extends Component {
         newAnswers[index] = newAnswer
         this.setState({ answers: newAnswers})
     }
+    answerOnChange = (val, index) => {
+        // if (!this.state.answers[index]) {
+        //     // 1、2、3删除2会走到这里
+        //     return;
+        // }
+        const newAnswer = Object.assign({}, this.state.answers[index])
+        newAnswer.contents = val
+        const newAnswers = this.state.answers.slice(0)
+        newAnswers[index] = newAnswer
+        this.setState({ answers: newAnswers})
+    }
     addAnswer = () => {
         const newAnswers = this.state.answers.slice(0)
         newAnswers.push({
@@ -210,6 +221,10 @@ export default class TPManswer extends Component {
         newanswers.splice(index,1)
         this.setState({
             answers:newanswers
+        }, () => {
+            for(let i = index; i < newanswers.length; i ++) {
+                this.refs[`md${i}`].setValue(newanswers[i].contents)
+            }
         })
     }
     render() {
@@ -316,7 +331,8 @@ export default class TPManswer extends Component {
                                             </div>
                                             <div className="mt10">
                                                 <span>参考答案：</span>
-                                                <TPMMDEditor ref={`md${index}`} mdID={index} initValue={answer.contents}></TPMMDEditor>
+                                                <TPMMDEditor ref={`md${index}`} mdID={index} initValue={answer.contents} 
+                                                        onChange={(val) => this.answerOnChange(val, index)}></TPMMDEditor>
                                             </div>
                                         </div>
                                     </div>