react ant desing pro联动及优雅的同步执行

最新推荐文章于 2024-01-04 20:52:51 发布

ᖇꫀᧁᖇꫀᧁ

最新推荐文章于 2024-01-04 20:52:51 发布

阅读量262

点赞数

分类专栏： react 文章标签： reactjs typescript

本文链接：https://blog.csdn.net/wxl095/article/details/118355970

版权

react 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

type dataType = [{
	label: string;
	value: number;
}];
	const [areaData, setAreaData] = useState<dataType>([{label: 'default', value: 0}]);
	const [cityData, setCityData] = useState<dataType>([{label: '请先选择地区', value: 0}]);
	useEffect(() => {
		areaList().then((res) => {
			setAreaData(res.data)
		})
	}, []);

	const [area, setArea] = useState<number>();
	const [city, setCity] = useState();

	const handleAreaChange = (value: any) => {
		setArea(value);
		cityList({pid: value}).then(res => {
			new Promise((resolve => {
				resolve(res.data)

			})).then((res: any) => {
				setCityData(res)
				setCity(res[0].value)
			})
		})
	};
	const onCityChange = (value: any) => {
		setCity(value);
	};
	```