1

project/mock/common/rule.js

 import { Random } from 'mockjs';
 
-export const rule = {
-  "success": true,
+export const rule = {"data":"<p>1、测试活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则</p><p>2、活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则</p><p>3、活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则</p><p>4、活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则</p><p>5、活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则</p>","success":true}
\ No newline at end of file
-  "data": `活动规则: ${Random.cparagraph(20, 40)}`
-};

project/src/components/rule/rule.jsx

@@ -16,6 +16,10 @@ class Rule extends Component {
     };
   }
 
+  componentDidMount() {
+    this.refs.rule_txt_ref.innerHTML = this.state.ruledata;
+  }
+
   render() {
     return (
       <div className="rule " uuid="099305aa-5cb6-4428-85b7-a6498169b9d0">
@@ -24,8 +28,7 @@ class Rule extends Component {
           uuid="7f53d222-559f-4c28-9a4e-7feff72991aa"
           src={this.state.resList['8fbd72d3-7dcf-40b4-a22d-0ec8499725f8'].url}
         />
-        <span className="rule_txt " uuid="b1275bdd-01e4-42f2-81c2-12a732f7f38c">
-         {this.state.ruledata}
+        <span ref="rule_txt_ref" className="rule_txt " uuid="b1275bdd-01e4-42f2-81c2-12a732f7f38c">
         </span>
         <img
           onClick={this.props.onClose}