react hook函数式组件useState使用/params父向子传参

引入

js 复制代码
import { useState } from "react";

定义

js 复制代码
const [count, setCount] = useState(0);

使用

js 复制代码
import { useState } from "react";
function Son(params) {
    const [count, setCount] = useState(0);
    function handleClick() {
        setCount(count + 1);
    }
   // 父 <Son count={count}></Son>
    console.log(params, 'paramsparams');
    return (
        <div>
            {params.count}
            <button onClick={handleClick}>
                Clicked {count} Son times
            </button>
        </div>
    )
}
export default Son;
相关推荐
鹏北海41 分钟前
JSBridge 原理详解
前端
孟健44 分钟前
我的网站被黑了:一天灌入 227 万条垃圾数据,AI 写的代码差点让我社死
前端
anOnion1 小时前
构建无障碍组件之Checkbox pattern
前端·html·交互设计
IT枫斗者3 小时前
IntelliJ IDEA 2025.3史诗级更新:统一发行版+Spring Boot 4支持,这更新太香了!
java·开发语言·前端·javascript·spring boot·后端·intellij-idea
N***p3653 小时前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
NGC_66113 小时前
二分查找算法
java·javascript·算法
享誉霸王4 小时前
15、告别混乱!Vue3复杂项目的规范搭建与基础库封装实战
前端·javascript·vue.js·前端框架·json·firefox·html5
a1117764 小时前
飞机躲避炸弹 网页游戏
前端·开源·html·threejs
夏乌_Wx5 小时前
mybash:简易 Shell 实现的设计思路与核心模块解析
linux·服务器·前端
滕青山5 小时前
URL编码/解码 核心JS实现
前端·javascript·vue.js