11

src/components/LazyCascader/index.jsx

@@ -3,7 +3,7 @@ import React, { useEffect } from 'react'
 import { connect } from 'dva'
 
 const LazyCascader = props => {
-  const { options, dispatch, ...resetProps } = props
+  const { options, dispatch, onSelect, ...resetProps } = props
   useEffect(() => {
     if (!options.length) {
       dispatch({
@@ -12,10 +12,10 @@ const LazyCascader = props => {
     }
   }, [])
 
-  // const onChange = value => {
-  //   const [province = '', city = '', area = ''] = value
-  //   onSelect({ province, city, area })
-  // }
+  const handleOnChange = value => {
+    const [province = '', city = '', area = ''] = value
+    onSelect({ province, city, area })
+  }
 
   const loadData = selectedOptions => {
     const targetOption = selectedOptions[selectedOptions.length - 1]
@@ -32,7 +32,7 @@ const LazyCascader = props => {
     <Cascader
       {...resetProps}
       options={options}
-      // onChange={onChange}
+      onChange={handleOnChange}
       loadData={loadData}
       fieldNames={{ label: 'name', value: 'id' }}
       changeOnSelect