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;
相关推荐
king王一帅1 天前
Incremark 0.3.0 发布:双引擎架构 + 完整插件生态,AI 流式渲染的终极方案
前端·人工智能·开源
转转技术团队1 天前
HLS 流媒体技术:畅享高清视频,忘却 MP4 卡顿的烦恼!
前端
程序员的程1 天前
我做了一个前端股票行情 SDK:stock-sdk(浏览器和 Node 都能跑)
前端·npm·github
KlayPeter1 天前
前端数据存储全解析:localStorage、sessionStorage 与 Cookie
开发语言·前端·javascript·vue.js·缓存·前端框架
沉默-_-1 天前
从小程序前端到Spring后端:新手上路必须理清的核心概念图
java·前端·后端·spring·微信小程序
裴嘉靖1 天前
前端获取二进制文件并预览的完整指南
前端·pdf
李剑一1 天前
uni-app使用瓦片实现离线地图的两种方案
前端·trae
C_心欲无痕1 天前
js - 双重否定!! 与 空值合并 ??
开发语言·javascript·ecmascript
木易 士心1 天前
深入剖析:按下 F5 后,浏览器前端究竟发生了什么?
前端
几何心凉1 天前
离开舒适区之后:从三年前端到 CS 硕士——我在韩国亚大读研的得失
前端·人工智能·年度总结