react函数式组件props形式子向父传参

父组件中定义

子组件中触发回调传值

javascript 复制代码
import { useState } from "react";
function Son(params) {
    const [count, setCount] = useState(0);
    function handleClick() {
        console.log(params, 'paramsparamsparamsparamsparamsparams');
        params.onClick(111)
        setCount(count + 1);
    }

    // console.log(params, 'paramsparams');
    return (
        <div>
            {params.count}
            <button onClick={handleClick}>
                Clicked {count} Son times
            </button>
        </div>
    )
}
export default Son;
相关推荐
是Yu欸3 分钟前
DevUI MateChat 技术演进:UI 与逻辑解耦的声明式 AI 交互架构
前端·人工智能·ui·ai·前端框架·devui·metachat
梦想CAD控件4 分钟前
AI生成CAD图纸(云原生CAD+AI让设计像聊天一样简单)
前端·javascript·vue.js
栀秋66612 分钟前
JavaScript 中的 简单数据类型:Symbol——是JavaScript成熟的标志
前端
最爱老虎头13 分钟前
Konvajs实现虚拟表格
javascript
Nayana19 分钟前
前端控制批量请求并发
前端
ssjlincgavw20 分钟前
前端高手进阶:从十万到千万,我的性能优化终极指南(实战篇)
前端
比老马还六20 分钟前
Bipes项目二次开发/设置功能-1(五)
前端·javascript
转转技术团队29 分钟前
VDOM 编年史
前端·设计模式·前端框架
蓝瑟忧伤32 分钟前
前端性能体系的全面升级:现代 Web 如何构建可量化、可治理、可演进的性能架构?
前端·架构
申阳34 分钟前
Day 17:03. 基于 Tauri 2.0 开发后台管理系统-登录页面开发
前端·后端·程序员