lf

src/pages/carouselFigure/SelectH5.jsx

 import React, { useState, useEffect } from 'react';
-import { Form, Select, Modal, Button, Table, Divider, Tag, Input } from 'antd';
+import { Form, Select, Modal, Button, Table, Divider, Tag, Input,Row,Col } from 'antd';
 import { apis, fetch } from '../../utils/request';
 
 const { Column, ColumnGroup } = Table;
     setVisible(false)
   }
 
+  const clearVal = val => {
+    onChange(val)
+    setVisible(false)
+  }
+
   const columns = [
     {
       title: '标题',
         onCancel={() => setVisible(false)}
         footer={[]}
       >
-        <Search
-          placeholder="请输入标题"
-          enterButton="搜索"
-          size="large"
-          onSearch={value => searchH5(value)}
-          style={{ marginBottom: '16px' }}
-        />
+        <Row>
+          <Col span={18}>
+            <Search
+              placeholder="请输入标题"
+              enterButton="搜索"
+              size="default"
+              allowClear="true"
+              onSearch={value => searchH5(value)}
+              style={{ marginBottom: '16px' }}
+            />
+          </Col>
+          <Col span={4} offset={1}>
+            <Button type="primary" onClick={()=>clearVal('')}>清除选择</Button>
+          </Col>
+        </Row>
+
         <Table rowKey={list => list.drainageId} columns={columns} dataSource={list} />
+
       </Modal>
     </div>
   )