1

project/mock/common/rule.js

 import { Random } from 'mockjs';
 
-export const rule = {
-  "success": true,
-  "data": `活动规则: ${Random.cparagraph(20, 40)}`
-};
+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

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}