需求

src/pages/news/list/editNewsList.jsx

@@ -7,7 +7,7 @@ import moment from 'moment';
 import router from 'umi/router';
 import BuildSelect from '../../../components/SelectButton/BuildSelect'
 import NewsTypeSelect from '../../../components/SelectButton/NewTypeSelect'
-import XForm, { FieldTypes } from '../../../components/XForm';
+import  { FieldTypes, createForm } from '../../../components/XForm';
 import Wangedit from '../../../components/Wangedit/Wangedit'
 import request from '../../../utils/request'
 import ImageUploader from '../../../components/XForm/ImageUpload';
@@ -20,6 +20,21 @@ import xiaochengxu from '../../../assets/xiaochengxu.png'
 
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 const { TextArea } = Input;
+
+let detailVisible = false;
+let urlVisible = false;
+
+const setExtraData = (data) => {
+  detailVisible = data.newsDetailType == '1'
+  urlVisible = data.newsDetailType == '0'
+}
+
+const handleFormValueChange = (props, changedValues, allValues) => {
+    setExtraData(allValues)
+}
+
+const XForm = createForm({ onValuesChange: handleFormValueChange })
+
 /**
  *
  *
@@ -31,9 +46,6 @@ const { TextArea } = Input;
   const newsId = props.location.query.newsId
   const [ dynamicData, setDynamicData ] = useState({})
 
-  const [detailVisible, setDetailVisible] = useState(false)
-  const [urlVisible, setUrlVisible] = useState(false)
-
     useEffect(() => {
       if(newsId){
         getDynamicData(newsId);
@@ -44,29 +56,25 @@ const { TextArea } = Input;
   const getDynamicData = (newsId) => {
     request({ ...apis.news.get, urlData: { id: newsId },}).then((data) => {
       setDynamicData(data)
-      if (data.newsDetailType === '1'){
-        setDetailVisible(false)
-        setUrlVisible(true)
-      }else{
-        setDetailVisible(true)
-        setUrlVisible(false)
-      }    
+      detailVisible = data.newsDetailType == '1'
+      urlVisible = data.newsDetailType == '0'
     }).catch((err) => {
       console.log(err)
       message.info(err.msg || err.message)
     })
     }
 
-  const changeRadio = (e) => {
-    console.log(e.target.value,'eeee')
-    if(e.target.value == 1){
-      setDetailVisible(false)
-      setUrlVisible(true)
-    }else{
-      setDetailVisible(true)
-      setUrlVisible(false)
-    }
-  }
+  // const changeRadio = (e) => {
+  //   console.log(e.target.value,'eeee')
+  //   if(e.target.value == "1"){
+  //     detailVisible = true
+  //     urlVisible = false
+  //   }
+  //   if(e.target.value == "0"){
+  //     detailVisible = false
+  //     urlVisible = true
+  //   }
+  // }
 
   const cancelPage = () =>{
     router.push({
@@ -122,7 +130,7 @@ const { TextArea } = Input;
       {
         label: '资讯详情',
         name: 'newsDetailType',
-        render: <Radio.Group onChange={changeRadio} defaultValue={dynamicData.newsDetailType}> 
+        render: <Radio.Group> 
                 <Radio value={1}>自定义</Radio>
                 <Radio value={0}>公众号链接</Radio>
                 </Radio.Group>,
@@ -135,7 +143,7 @@ const { TextArea } = Input;
         label: '详情内容',
         name: 'newsDetail',
         render: <Wangedit />,
-        hidden: () => detailVisible,
+        hidden: () => !detailVisible,
         value: dynamicData.newsDetail,
         rules: [
           {required: true, message: '请输入详情内容'},
@@ -145,7 +153,7 @@ const { TextArea } = Input;
         label: '公众号链接',
         name: 'newsDetail',
         type: FieldTypes.Text,
-        hidden: () => urlVisible,
+        hidden: () => !urlVisible,
         value: dynamicData.newsDetail,
         rules: [
           {required: true, message: '请输入公众号链接'},
@@ -182,7 +190,7 @@ const { TextArea } = Input;
       }
     }
     
-    return <XForm onSubmit={handleSubmit} onCancel={cancelPage} fields={fields}></XForm>
+    return <XForm onSubmit={handleSubmit} onCancel={cancelPage}  fields={fields}></XForm>
   }
   
   const Poster = (props) => {