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;
相关推荐
我不只是切图仔3 小时前
我只是想给网站加个注册验证码,咋就那么难!
前端·后端
JohnYan4 小时前
工作笔记 - 微信消息发送和处理
javascript·后端·微信
该用户已不存在4 小时前
macOS是开发的终极进化版吗?
前端·后端
小豆包api4 小时前
小豆包AI API × Nano Banana:3D手办 + AI视频生成,「动起来」的神级玩法!
前端·api
陈陈爱java4 小时前
Spring八股文
开发语言·javascript·数据库
布列瑟农的星空4 小时前
大话设计模式——观察者模式和发布/订阅模式的区别
前端·后端·架构
龙在天4 小时前
Vue3 实现 B站 视差 动画
前端
KenXu4 小时前
F2C Prompt to Design、AI 驱动的设计革命
前端
小鱼儿亮亮4 小时前
canvas中画线条,线条效果比预期宽1像素且模糊问题分析及解决方案
前端·react.js
@大迁世界4 小时前
用 popover=“hint“ 打造友好的 HTML 提示:一招让界面更“懂人”
开发语言·前端·javascript·css·html