diff --git a/p__Classrooms__Lists__Exercise__Review__index.async.js b/p__Classrooms__Lists__Exercise__Review__index.async.js
index 607c9c553c..c420a24201 100644
--- a/p__Classrooms__Lists__Exercise__Review__index.async.js
+++ b/p__Classrooms__Lists__Exercise__Review__index.async.js
@@ -1409,9 +1409,9 @@ var CustomCountdown_CustomCountdown = function CustomCountdown(_ref) {
 
 /***/ }),
 
-/***/ 89014:
+/***/ 64458:
 /*!***************************************************************************!*\
-  !*** ./src/pages/Classrooms/Lists/Exercise/Review/index.tsx + 20 modules ***!
+  !*** ./src/pages/Classrooms/Lists/Exercise/Review/index.tsx + 21 modules ***!
   \***************************************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -1586,10 +1586,83 @@ var authority = __webpack_require__(7);
 var tabs = __webpack_require__(34755);
 // EXTERNAL MODULE: ./node_modules/antd/es/input-number/index.js + 21 modules
 var input_number = __webpack_require__(31795);
-// EXTERNAL MODULE: ./node_modules/antd/es/select/index.js + 42 modules
-var es_select = __webpack_require__(79035);
 // EXTERNAL MODULE: ./src/components/monaco-editor/index.jsx + 3 modules
 var monaco_editor = __webpack_require__(8691);
+// EXTERNAL MODULE: ./node_modules/antd/es/select/index.js + 42 modules
+var es_select = __webpack_require__(79035);
+;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Exercise/Review/component/ShixunCode.tsx
+
+
+
+
+
+
+
+var ShixunCode = function ShixunCode(_ref) {
+  var _chanllenge$challenge, _selectOptions$find;
+  var chanllenge = _ref.chanllenge,
+    styles = _ref.styles,
+    autoHeight = _ref.autoHeight,
+    setVisible = _ref.setVisible,
+    devalueValue = _ref.devalueValue;
+  var _useState = (0,react.useState)(devalueValue),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    selectedCode = _useState2[0],
+    setSelectedCode = _useState2[1];
+  var options = {
+    selectOnLineNumbers: true,
+    readOnly: true,
+    minimap: {
+      enabled: false
+    },
+    scrollBeyondLastLine: false
+  };
+  var selectOptions = chanllenge === null || chanllenge === void 0 ? void 0 : (_chanllenge$challenge = chanllenge.challenge_paths) === null || _chanllenge$challenge === void 0 ? void 0 : _chanllenge$challenge.map(function (item) {
+    return {
+      label: item.file_name,
+      value: item.file_name,
+      code: item.latest_code
+    };
+  });
+  var code = selectOptions === null || selectOptions === void 0 ? void 0 : (_selectOptions$find = selectOptions.find(function (item) {
+    return selectedCode === item.value;
+  })) === null || _selectOptions$find === void 0 ? void 0 : _selectOptions$find.code;
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
+    children: (chanllenge === null || chanllenge === void 0 ? void 0 : chanllenge.st) === 0 && chanllenge.passed_code && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      className: styles.shixunWrp,
+      children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("h2", {
+        children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_select/* default */.Z, {
+          style: {
+            width: 200
+          },
+          value: selectedCode,
+          onChange: function onChange(v) {
+            return setSelectedCode(v);
+          },
+          options: selectOptions
+        }), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
+          className: styles.s,
+          onClick: function onClick() {
+            return setVisible(code);
+          },
+          children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
+            className: "iconfont icon-quanping2"
+          }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+            children: "\u5168\u5C4F\u9884\u89C8"
+          })]
+        })]
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)(monaco_editor/* default */.ZP, {
+        height: 300,
+        autoHeight: autoHeight,
+        language: "python",
+        theme: "default",
+        value: code,
+        options: options
+      })]
+    })
+  });
+};
+/* harmony default export */ var component_ShixunCode = (ShixunCode);
 // EXTERNAL MODULE: ./src/service/classrooms.ts
 var classrooms = __webpack_require__(73290);
 ;// CONCATENATED MODULE: ./src/pages/Classrooms/Lists/Exercise/Review/component/NewShixun.tsx
@@ -1609,6 +1682,7 @@ var classrooms = __webpack_require__(73290);
 
 
 
+
 var TabPane = tabs/* default.TabPane */.Z.TabPane;
 var Shixun = function Shixun(_ref) {
   var _answerData$exercise, _data, _challengeData, _item$shixun;
@@ -1635,7 +1709,7 @@ var Shixun = function Shixun(_ref) {
     setVisible = _useState6[1];
   var exerciseId = answerData === null || answerData === void 0 ? void 0 : (_answerData$exercise = answerData.exercise) === null || _answerData$exercise === void 0 ? void 0 : _answerData$exercise.id;
   (0,react.useEffect)(function () {
-    var _item$shixun_details, _challenge$, _challenge$$challenge, _challenge$$challenge2;
+    var _item$shixun_details;
     if (!(item !== null && item !== void 0 && (_item$shixun_details = item.shixun_details) !== null && _item$shixun_details !== void 0 && _item$shixun_details.length)) {
       return;
     }
@@ -1658,7 +1732,6 @@ var Shixun = function Shixun(_ref) {
     }
     setChallengeData(challenge);
     setData([].concat(shixun));
-    setSelectedCode(challenge === null || challenge === void 0 ? void 0 : (_challenge$ = challenge[0]) === null || _challenge$ === void 0 ? void 0 : (_challenge$$challenge = _challenge$.challenge_paths) === null || _challenge$$challenge === void 0 ? void 0 : (_challenge$$challenge2 = _challenge$$challenge[0]) === null || _challenge$$challenge2 === void 0 ? void 0 : _challenge$$challenge2.latest_code);
     return function () {
       data = [];
       challengeData = [];
@@ -1947,10 +2020,6 @@ var Shixun = function Shixun(_ref) {
     },
     scrollBeyondLastLine: false
   };
-  var _useState7 = (0,react.useState)(''),
-    _useState8 = slicedToArray_default()(_useState7, 2),
-    selectedCode = _useState8[0],
-    setSelectedCode = _useState8[1];
   return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(tabs/* default */.Z, {
       defaultActiveKey: "1",
@@ -1978,8 +2047,8 @@ var Shixun = function Shixun(_ref) {
           })]
         }),
         children: (_challengeData = challengeData) === null || _challengeData === void 0 ? void 0 : _challengeData.map(function (chanllenge, index) {
-          var _chanllenge$outputs, _chanllenge$challenge;
-          return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+          var _chanllenge$outputs, _chanllenge$challenge, _chanllenge$challenge2;
+          return /*#__PURE__*/(0,jsx_runtime.jsxs)(react.Fragment, {
             children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
               className: "mt5",
               children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
@@ -2007,42 +2076,14 @@ var Shixun = function Shixun(_ref) {
               }),
               columns: outputColumns,
               pagination: false
-            }), (chanllenge === null || chanllenge === void 0 ? void 0 : chanllenge.st) === 0 && chanllenge.passed_code && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-              className: componentmodules/* default.shixunWrp */.Z.shixunWrp,
-              children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("h2", {
-                children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_select/* default */.Z, {
-                  style: {
-                    width: 200
-                  },
-                  value: selectedCode,
-                  onChange: setSelectedCode,
-                  options: chanllenge === null || chanllenge === void 0 ? void 0 : (_chanllenge$challenge = chanllenge.challenge_paths) === null || _chanllenge$challenge === void 0 ? void 0 : _chanllenge$challenge.map(function (item) {
-                    return {
-                      label: item.file_name,
-                      value: item.latest_code
-                    };
-                  })
-                }), /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
-                  className: componentmodules/* default.s */.Z.s,
-                  onClick: function onClick() {
-                    return setVisible(selectedCode);
-                  },
-                  children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
-                    className: "iconfont icon-quanping2"
-                  }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-                    children: "\u5168\u5C4F\u9884\u89C8"
-                  })]
-                })]
-              }), /*#__PURE__*/(0,jsx_runtime.jsx)(monaco_editor/* default */.ZP, {
-                height: 300,
-                autoHeight: autoHeight,
-                language: "python",
-                theme: "default",
-                value: selectedCode,
-                options: options
-              })]
+            }), /*#__PURE__*/(0,jsx_runtime.jsx)(component_ShixunCode, {
+              chanllenge: chanllenge,
+              autoHeight: autoHeight,
+              setVisible: setVisible,
+              styles: componentmodules/* default */.Z,
+              devalueValue: chanllenge === null || chanllenge === void 0 ? void 0 : (_chanllenge$challenge = chanllenge.challenge_paths) === null || _chanllenge$challenge === void 0 ? void 0 : (_chanllenge$challenge2 = _chanllenge$challenge[0]) === null || _chanllenge$challenge2 === void 0 ? void 0 : _chanllenge$challenge2.file_name
             })]
-          });
+          }, index);
         })
       }, "2")]
     }), (0,authority/* isStudent */.dE)() && /*#__PURE__*/(0,jsx_runtime.jsx)(RenderHtml/* default */.Z, {
diff --git a/umi.js b/umi.js
index 41a065c2b8..3e63f013fb 100644
--- a/umi.js
+++ b/umi.js
@@ -131402,10 +131402,10 @@ function _getRoutes() {
                 return Promise.all(/*! import() | p__Classrooms__Lists__Exercise__ReviewGroup__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(37402), __webpack_require__.e(90688), __webpack_require__.e(17845), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(46744), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(31795), __webpack_require__.e(36569), __webpack_require__.e(67408), __webpack_require__.e(4977), __webpack_require__.e(8691), __webpack_require__.e(12768), __webpack_require__.e(45992)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/Exercise/ReviewGroup/index.tsx */ 28927));
               }),
               '50': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__Classrooms__Lists__Exercise__Review__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(37402), __webpack_require__.e(90688), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(17845), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(25159), __webpack_require__.e(83338), __webpack_require__.e(14533), __webpack_require__.e(282), __webpack_require__.e(46744), __webpack_require__.e(21687), __webpack_require__.e(40673), __webpack_require__.e(63889), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(31795), __webpack_require__.e(69814), __webpack_require__.e(31365), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(34755), __webpack_require__.e(70736), __webpack_require__.e(80599), __webpack_require__.e(91622), __webpack_require__.e(8691), __webpack_require__.e(55351), __webpack_require__.e(53114), __webpack_require__.e(4476), __webpack_require__.e(66431), __webpack_require__.e(11354), __webpack_require__.e(78085)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/Exercise/Review/index.tsx */ 89014));
+                return Promise.all(/*! import() | p__Classrooms__Lists__Exercise__Review__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(37402), __webpack_require__.e(90688), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(17845), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(25159), __webpack_require__.e(83338), __webpack_require__.e(14533), __webpack_require__.e(282), __webpack_require__.e(46744), __webpack_require__.e(21687), __webpack_require__.e(40673), __webpack_require__.e(63889), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(31795), __webpack_require__.e(69814), __webpack_require__.e(31365), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(34755), __webpack_require__.e(70736), __webpack_require__.e(80599), __webpack_require__.e(91622), __webpack_require__.e(8691), __webpack_require__.e(55351), __webpack_require__.e(53114), __webpack_require__.e(4476), __webpack_require__.e(66431), __webpack_require__.e(11354), __webpack_require__.e(78085)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/Exercise/Review/index.tsx */ 64458));
               }),
               '51': /*#__PURE__*/react.lazy(function () {
-                return Promise.all(/*! import() | p__Classrooms__Lists__Exercise__Review__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(37402), __webpack_require__.e(90688), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(17845), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(25159), __webpack_require__.e(83338), __webpack_require__.e(14533), __webpack_require__.e(282), __webpack_require__.e(46744), __webpack_require__.e(21687), __webpack_require__.e(40673), __webpack_require__.e(63889), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(31795), __webpack_require__.e(69814), __webpack_require__.e(31365), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(34755), __webpack_require__.e(70736), __webpack_require__.e(80599), __webpack_require__.e(91622), __webpack_require__.e(8691), __webpack_require__.e(55351), __webpack_require__.e(53114), __webpack_require__.e(4476), __webpack_require__.e(66431), __webpack_require__.e(11354), __webpack_require__.e(78085)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/Exercise/Review/index.tsx */ 89014));
+                return Promise.all(/*! import() | p__Classrooms__Lists__Exercise__Review__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(37402), __webpack_require__.e(90688), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(17845), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(25159), __webpack_require__.e(83338), __webpack_require__.e(14533), __webpack_require__.e(282), __webpack_require__.e(46744), __webpack_require__.e(21687), __webpack_require__.e(40673), __webpack_require__.e(63889), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(31795), __webpack_require__.e(69814), __webpack_require__.e(31365), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(34755), __webpack_require__.e(70736), __webpack_require__.e(80599), __webpack_require__.e(91622), __webpack_require__.e(8691), __webpack_require__.e(55351), __webpack_require__.e(53114), __webpack_require__.e(4476), __webpack_require__.e(66431), __webpack_require__.e(11354), __webpack_require__.e(78085)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/Exercise/Review/index.tsx */ 64458));
               }),
               '52': /*#__PURE__*/react.lazy(function () {
                 return Promise.all(/*! import() | p__Classrooms__Lists__Exercise__Export__index */[__webpack_require__.e(48555), __webpack_require__.e(62709), __webpack_require__.e(83062), __webpack_require__.e(90026), __webpack_require__.e(37402), __webpack_require__.e(90688), __webpack_require__.e(73358), __webpack_require__.e(15804), __webpack_require__.e(79035), __webpack_require__.e(17845), __webpack_require__.e(68508), __webpack_require__.e(35874), __webpack_require__.e(78045), __webpack_require__.e(25159), __webpack_require__.e(83338), __webpack_require__.e(14533), __webpack_require__.e(282), __webpack_require__.e(46744), __webpack_require__.e(40673), __webpack_require__.e(63889), __webpack_require__.e(67631), __webpack_require__.e(85410), __webpack_require__.e(31795), __webpack_require__.e(69814), __webpack_require__.e(31365), __webpack_require__.e(53254), __webpack_require__.e(40477), __webpack_require__.e(70736), __webpack_require__.e(48764), __webpack_require__.e(80599), __webpack_require__.e(55733), __webpack_require__.e(8691), __webpack_require__.e(55351), __webpack_require__.e(53114), __webpack_require__.e(4476), __webpack_require__.e(66431), __webpack_require__.e(11354), __webpack_require__.e(8914), __webpack_require__.e(48431)]).then(__webpack_require__.bind(__webpack_require__, /*! @/pages/Classrooms/Lists/Exercise/Export/index.tsx */ 45437));