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;
相关推荐
可触的未来,发芽的智生2 分钟前
微论-自成长系统引发的NLP新生
javascript·人工智能·python·程序人生·自然语言处理
八哥程序员14 分钟前
你真的理解了 javascript 中的原型及原型链?
前端·javascript
冴羽21 分钟前
10 个 Nano Banana Pro 专业级生图技巧
前端·人工智能·aigc
7ayl31 分钟前
Vue3 - runtime-core的渲染器初始化流程
前端·vue.js
前端老宋Running1 小时前
React 的“时光胶囊”:useRef 才是那个打破“闭包陷阱”的救世主
前端·react.js·设计模式
yinuo1 小时前
前端跨页面通讯终极指南③:LocalStorage 用法全解析
前端
隔壁的大叔1 小时前
正则解决Markdown流式输出不完整图片、表格、数学公式
前端·javascript
胡楚昊1 小时前
CTF SHOW逆向
java·服务器·前端
San301 小时前
深入 JavaScript 原型与面向对象:从对象字面量到类语法糖
javascript·面试·ecmascript 6
拉不动的猪1 小时前
前端JS脚本放在head与body是如何影响加载的以及优化策略
前端·javascript·面试