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;
相关推荐
Watermelo6173 分钟前
【前端实战】构建 Vue 全局错误处理体系,实现业务与错误的清晰解耦
前端·javascript·vue.js·信息可视化·性能优化·前端框架·设计规范
A923A5 分钟前
【Vue3大事件 | 项目笔记】第二天
前端·vue.js·笔记·前端框架·前端项目
万码社19 分钟前
小程序开发实战:我手写日历组件踩过的那些坑
前端
工藤新一¹30 分钟前
《操作系统》第一章(1)
java·服务器·前端
进击的尘埃31 分钟前
Vue 3 编译器宏的编译时魔法:defineModel、defineSlots 与 AST 转换的真相
javascript
用户97141718142731 分钟前
Flex 和 Grid 详细使用指南:从入门到实战避坑
前端·css
不会敲代码133 分钟前
使用 Mock.js 模拟 API 数据,实现前后端并行开发
前端·javascript
琛説34 分钟前
Web-Rooter:一种 IR + Lint 模式的 AI Agent 创新尝试【或许是下一个 AI 爆火方向】
前端·人工智能
向上的车轮40 分钟前
TypeScript 一日速通指南:数据类型全解析与转换指南
javascript·typescript
用户97141718142744 分钟前
absolute 元素的包含块(containing block)怎么找
前端·css