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;
相关推荐
凌泽8 分钟前
写了那么多年的代码,我开始写“规范”了:AI 驱动的开发范式革命
前端·vibecoding
没有鸡汤吃不下饭10 分钟前
解决前端项目中大数据复杂列表场景的完美方案
前端·javascript·vue.js
旧雨散尘33 分钟前
【react】react初学6-第一个react应用-待办事项
前端·react.js·前端框架
Tzarevich37 分钟前
现代JavaScript字符串处理:从基础语法到模板字符串的深度演进与技术实践
javascript
岁月向前1 小时前
iOS基础问题整理
前端
陈随易1 小时前
改变世界的编程语言MoonBit:配置系统介绍(下)
前端·后端·程序员
jump6801 小时前
【react】 useReducer 集中式管理组件的状态
前端
许泽宇的技术分享1 小时前
把 CLI 搬上 Web:在内网打造“可二开”的 AI IDE,为什么这条路更现实?
前端·ide·人工智能
jump6801 小时前
【react】useState是什么,怎么用
前端
进击的夸父1 小时前
前端合并的表格排序功能
前端