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;
相关推荐
之歆13 分钟前
DAY12_CSS3选择器全攻略 + 盒子新特性完全指南(下)
前端·javascript·css3
kyriewen1115 分钟前
代码写成一锅粥?3个设计模式让你的项目“起死回生”
开发语言·前端·javascript·设计模式·ecmascript
郑生zs15 分钟前
Hooks-useEffect
react.js
光影少年20 分钟前
react函数组件、类组件、纯组件、受控/非受控组件
前端·react.js·掘金·金石计划
程序员包打听20 分钟前
MoonBit 是什么?给第一次听说这门语言的你
前端·后端
Rkgua27 分钟前
CSS动画效果
前端·css
Rkgua33 分钟前
Flexbox 与 Grid 布局
前端·css
C澒37 分钟前
面向前端自测的智能 Mock 系统架构设计与全流程落地
前端·ai
西洼工作室38 分钟前
python邮箱令牌/点击验证、邮箱验证码实现
前端·python