react 子组件向父组件传值

// 父组件
function IndexBox () {
const childRefBox = useRef();
const childRefImage = useRef()
const [value, setValue] = useState()
const [disabled, setDisabled] = useState(true)

// 获取子组件传递过来的数据
const getBox = () => {
if (value && value.exist === 1 && value.enable === 1) {
setDisabled(false)
}
}
const onChangeActive = (activeKey) => {
if (activeKey === ‘1’) {
childRefBox.current && childRefBox.current.collectOsInfo()
} else if (activeKey === ‘2’) {
childRefImage.current && childRefImage.current.andboxInfo()
}
}

useEffect(() => {
getBox()
}, [value])

<

Tabs defaultActiveKey=“1” onChange={onChangeActive} disabled={disabled}>







}
export default IndexBox;

// 子组件
function InsideSandbox (props) {
// 接口查询部署完成 && 操作失败
const boxData = async () => {
let res = await getCollectOsInfo ()
if (res.data.exist === 1) {
if (res.data.status === 98) {
message.success(“部署完成”)
clearInterval(insideState);
setLoading(false)
setImportData(res.data && res.data)
props.getValue(res.data && res.data) //传值到父组件
setPicShow(true)
} else if (res.data.status === 99) {
message.error(“部署失败”)
clearInterval(insideState);
setLoading(false)
props.getValue(res.data && res.data) //传值到父组件
setPicShow(true)
}
}
}
}
export default InsideSandbox;