加id

src/components/blessingPreheat/index.js

@@ -148,7 +148,7 @@ class BlessingPreheat extends Component {
     return (
       <div id={'blessing-preheat'}>
         {/* 积福气 */}
-        <ListHeader text="积福气，享受更多福利" styles={{margin: '0 0 15px'}} />
+        <ListHeader id={'lucky-value'} text="积福气，享受更多福利" styles={{margin: '0 0 15px'}} />
         <CollectBlessing
           isSign={isSign}
           userInfo={userInfo}
@@ -159,7 +159,7 @@ class BlessingPreheat extends Component {
         />
 
         {/* 幸运大抽奖--预热 */}
-        <ListHeader text="幸运大抽奖" styles={{margin: '30px 0 10px'}} />
+        <ListHeader id={'lucky-draw'} text="幸运大抽奖" styles={{margin: '30px 0 10px'}} />
         <p className="luck-draw__tip">- 将于11月11日10点开启 -</p>
         <button className="luck-draw__button" onClick={() => this.handleToShow('isRule')}>活动规则></button>
         <LuckDraw />
@@ -168,13 +168,13 @@ class BlessingPreheat extends Component {
         {
           isFormal === 0 &&
           <>
-            <ListHeader text="预付1元定金，最高可省100元" styles={{margin: '30px 0 15px'}} />
+            <ListHeader id={'deposit'} text="预付1元定金，最高可省100元" styles={{margin: '30px 0 15px'}} />
             <ReserveCourse />
           </>
         }
 
         {/* 精品课程特惠专区 */}
-        <ListHeader text="精品课程特惠专区" styles={{margin: '30px 0 15px'}} />
+        <ListHeader id={'best-courses'} text="精品课程特惠专区" styles={{margin: '30px 0 15px'}} />
         <CourseList isFormal={isFormal} />
 
         {
@@ -233,7 +233,7 @@ class BlessingPreheat extends Component {
         </Popup>
 
 
-        <ListHeader text="全国AI工程师水平测试" styles={{margin: '30px 0 15px'}} />
+        <ListHeader id={'ai-test'} text="全国AI工程师水平测试" styles={{margin: '30px 0 15px'}} />
         <div className="test__record" onClick={() => this.handleToShow('showRecordList')}>
           测试记录>
         </div>

src/components/blessingPreheat/listHeader/index.js

@@ -4,10 +4,10 @@ import './index.scss';
 
 class ListHeader extends Component {
   render() {
-    const { text, size, styles } = this.props;
+    const { text, size, styles, id } = this.props;
     const cls = size? `list-header--${size}` : '';
     return (
-      <div className={classnames("list-header", cls)} style={styles}>
+      <div id={id} className={classnames("list-header", cls)} style={styles}>
         <i className="list-header__decorate" data-position="left"></i>
         {
           text
@@ -20,4 +20,4 @@ class ListHeader extends Component {
   }
 }
 
-export default ListHeader;
\ No newline at end of file
+export default ListHeader;