提交 0fda71f5 作者: 翁进城

筛选省市后,再次更换省份后,市未清除数据

上级 1bfb0609
...@@ -10,6 +10,7 @@ type Props = { ...@@ -10,6 +10,7 @@ type Props = {
export default function RegionItem(props: Props) { export default function RegionItem(props: Props) {
const [provinceList, setProvinceList] = useState<RegionResp[]>([]); const [provinceList, setProvinceList] = useState<RegionResp[]>([]);
const [cityList, setCityList] = useState<RegionResp[]>([]); const [cityList, setCityList] = useState<RegionResp[]>([]);
const [selectCity, setSelectCity] = useState<number>()
useEffect(() => { useEffect(() => {
api.region().then((res) => { api.region().then((res) => {
setProvinceList(res?.result || []); setProvinceList(res?.result || []);
...@@ -19,11 +20,13 @@ export default function RegionItem(props: Props) { ...@@ -19,11 +20,13 @@ export default function RegionItem(props: Props) {
const onProvinceChange = (value: number, item: any) => { const onProvinceChange = (value: number, item: any) => {
console.log("省", value, item); console.log("省", value, item);
setCityList(item.childInfo || []); setCityList(item.childInfo || []);
setSelectCity(undefined);
props.onChange(item); props.onChange(item);
}; };
const onCityChange = (value: number, item: any) => { const onCityChange = (value: number, item: any) => {
console.log("市", value); console.log("市", value);
setSelectCity(value);
props.onChange(item); props.onChange(item);
}; };
return ( return (
...@@ -45,6 +48,7 @@ export default function RegionItem(props: Props) { ...@@ -45,6 +48,7 @@ export default function RegionItem(props: Props) {
})} })}
/> />
<Select <Select
value={selectCity}
bordered={false} bordered={false}
popupMatchSelectWidth={false} popupMatchSelectWidth={false}
placeholder="选择市" placeholder="选择市"
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论