父组件引入子组件modal,子组件新建地址后,触发父组件更新重新获取地址。
父组件
1.父组件定义的函数
const update =()=>{
setTime(new Date().getTime())
}
2.根据时间来监听获取地址,触发更新
useEffect(() => {
getAddress()
}, [time])
<div>
3.引入子组件CreateModal
<CreateModal update={()=>{update()}} isVisible={assignModalIsVisible} setModalIsVisible={()=>setAssignModalIsVisible(false)}/>
</div>
子组件
1.获取父组件传递过来的参数和方法
interface Props {
setModalIsVisible,
isVisible,
update,
}
2.子组件提交后,触发父组件传递的方法,并且刷新父组件获取地址
const addModalSubmit = async (values ) => {
const dataRes = await createAddress(values );
if (dataRes.data.code === 200) {
message.success('添加地址成功!', 1).then(()=>{props.setModalIsVisible(false)})
props.update()
}
};