react函数父组件获取类子组件state
创始人
2025-05-29 23:38:16
0

父组件

import {  Button } from 'antd';
import Child from './Child';
function Parent() {let childRef = null;const getData = () => {console.log(childRef.state.msg)}return (

我是父组件

(childRef = r)}>
) } export default Parent

 父组件中绑定ref和class组件有所不同,通过ref={(r) => (childRef = r)}绑定

子组件 

import React from "react";class child extends React.Component {constructor(props) {super(props);this.state = { msg: '我是子组件' };}render() {return (

子组件

)} } export default child;

 最终效果,点击按钮获取子组件的state

 

相关内容

热门资讯

中小金融机构“提质”闯关 | ... 2025年,百余家中小银行黯然谢幕,却也为改革让出舞台:省联社全面冲刺,7家省级“巨无霸”挂牌开业;...
光伏奇才!日本20年的骄傲,被... 这是中国一家主营光伏湿制程辅助品企业的恐怖市场占有率:不懂这些专有名词的含义没关系,只要能看懂数字就...
天赐材料:2025年归母净利润... 新京报贝壳财经讯 12月31日,天赐材料公告,预计公司2025年度归属于上市公司股东的净利润变动区间...
累计涨幅220%:怡园复牌开门... 本文来源:时代周报 作者:何耀酒业深度调整仍在持续,但资本市场已开始寻找下一种可能性。在经历短暂停牌...
宏观年度报告|谁在通缩?谁在通... 今天是2025年的最后一天,智本社年度宏观数据报告重磅出炉,带各位社友来复盘2025,预判2026。...
406亿全资控股中芯北方!中芯... 图片来源:Pixabay12月29日,中芯国际发布公告称,公司拟向国家集成电路基金、集成电路投资中心...
览富年度数据盘点:870上市公... 同花顺数据显示,2025年A股共计870家公司发生董秘变动。行业集中度方面:制造业(如轻工制造、煤炭...
郭广昌的创新药远征和爆发 “癌症是有可能治愈的”“永远要从解决未被满足的临床需求出发”“复星的愿景是希望大家都能健康、快乐地活...
跨年晚会最忙的“人”是机器人!... 红星资本局12月31日消息,2025年春晚,机器人合舞让观众耳目一新;2026年跨年晚会,机器人天团...
管理层大换血、跨界半导体,金字... 金字火腿股份有限公司(简称“金字火腿”)近日再度发生人事变动。上任刚5个月的金字火腿总裁郭波辞任,总...