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;
相关推荐
Fantasydg2 分钟前
Request Response对象
前端
Wect4 分钟前
学习React-DnD:核心组件与Hooks
前端
humors2219 分钟前
前端开发案例(不定期更新)
前端·vue.js·elementui·ruoyi·若依
菠萝+冰11 分钟前
npm中-d -g 和默认安装的区别
前端·npm·node.js
心随雨下17 分钟前
Flutter Material 3设计语言详解
javascript·flutter·设计语言
一路向北North1 小时前
网页版预编译SQL转换工具
前端·javascript·sql
拿不拿铁192 小时前
Vite 5.x 开发模式启动流程分析
前端
fruge2 小时前
设计稿还原技巧:解决间距、阴影、字体适配的细节问题
前端·css
把csdn当日记本的菜鸡2 小时前
js查缺补漏
开发语言·javascript·ecmascript
BBB努力学习程序设计2 小时前
了解响应式Web设计:viewport网页可视区域
前端·html