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;
相关推荐
A923A20 分钟前
【javaScript 原型精讲】
javascript·原型·原型链
卷帘依旧38 分钟前
手写throttle
javascript
lzhdim38 分钟前
SQL 入门 14:SQL 触发器与事件:自动化数据处理
linux·前端·数据库·sql·自动化
其实防守也摸鱼44 分钟前
Sqlmap:选取sqli-labs中less-8进行sqlmap注入测试
前端·css·网络·安全·web安全·less·sqli-labs
伯远医学1 小时前
Nat. Methods | 邻近标记技术:活细胞中捕捉分子互作的新利器
java·开发语言·前端·javascript·人工智能·算法·eclipse
莪_幻尘1 小时前
一份 AGENTS.md,让 AI 代码规范率从 60% 飙升到 95%
前端·ai编程·cursor
秋秋20231 小时前
🐴 给 AI 套缰绳:一个前端项目的 AI Harness 实战记录
前端
卷帘依旧1 小时前
React Fiber介绍
前端
研☆香1 小时前
es6的新特性介绍
前端·ecmascript·es6
不瘦80斤不改名2 小时前
JavaScript 基础语法完全指南
开发语言·javascript·ecmascript