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;
相关推荐
龙颜1 分钟前
从0-1封装一个React组件
前端·react.js
空空kkk15 分钟前
SpringMVC——异常
java·前端·javascript
DcTbnk25 分钟前
脚本猫中的新建脚本:定时脚本、后台脚本、普通脚本,三个区别
前端
冴羽28 分钟前
涨见识了,Error.cause 让 JavaScript 错误调试更轻松
前端·javascript·node.js
一千柯橘37 分钟前
Electron 第一步
前端·electron
m***D28638 分钟前
JavaScript在Node.js中的内存管理
开发语言·javascript·node.js
我叫张小白。39 分钟前
JavaScript现代语法梳理:ES6+核心特性详解
开发语言·javascript·typescript·es6
code_Bo41 分钟前
Ant Design Vue 日期选择器英文不变更中文问题
前端·vue.js·ant design
啃火龙果的兔子42 分钟前
react-i18next+i18next-icu使用详解
前端·javascript·react.js
彭于晏爱编程44 分钟前
🌹🌹🌹bro,AntD 6.0.0 来了
前端