父组件:
import React, {useRef} from 'react'
import UserName from 'src/components/UserName'
interface userRef {
submit: Function
}
const UserInfo = () => {
const userRef = useRef<userRef>()
const checkInfo = () => {
Promise.all([userRef.current?.submit()])
.then(res => {
console.log('校验成功', res)
})
.catch(err => {
console.log('err', err)
})
}
return (
<>
<UserName title={'用户姓名'} ref={userRef} />
<button onClick={checkInfo}> </button>
</>
)
}
export default UserInfo
子组件
import React, {forwardRef, useEffect, useImperativeHandle, useState} from 'react'
import {useSelector} from 'react-redux'
import {Form, Input} from 'antd-mobile'
interface IProps {
title: string
}
const