bug fix

src/components/SelectButton/NewTypeSelect.jsx

@@ -1,10 +1,18 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { Select } from 'antd';
 
 import request from '../../utils/request'
 
 const { Option } = Select;
 
+function usePrevious(props) {
+  const ref = useRef();
+  useEffect(() => {
+    ref.current = props;
+  });
+  return ref.current;
+}
+
 /**
  *
  *
@@ -13,12 +21,18 @@ const { Option } = Select;
  */
 const NewsTypeSelect = (props) => {
   const [ data, setData ] = useState([])
+  const [ value, setValue ] = useState('')
+  const preProps = usePrevious(props)
+
+  if ((!preProps || !preProps.value) && props.value && !value) {
+    setValue(props.value)
+  }
 
   useEffect(() => {
-    getCityList();
+    getNewsTypeList();
   },[])
 
-  const getCityList = (e) => {
+  const getNewsTypeList = (e) => {
     request({
         url: '/api/admin/taNewsType',
         method: 'GET',
@@ -29,10 +43,15 @@ const NewsTypeSelect = (props) => {
     })
   }
 
+  const handleChange = (e) => {
+    setValue(e)
+    props.onChange(e)
+  }
+
   return (
-      <Select value={props.value} style={{ width: '180px' }} placeholder="请选择资讯类型" onChange={props.onChange}>
+      <Select value={'' === value ? undefined : value} style={{ width: '180px' }} placeholder="请选择资讯类型" onChange={handleChange}>
           {data.map(type => (
-            <Option key={type.newsTypeId}>{type.newsTypeName}</Option>
+            <Option key={type.newsTypeId} value={type.newsTypeId}>{type.newsTypeName}</Option>
           ))}
       </Select>
   )