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;
相关推荐
lxh01133 分钟前
最长公共子序列
前端·数据结构
Можно3 分钟前
ES6扩展运算符:从基础到实战的全方位解析
前端·javascript
豆苗学前端4 分钟前
闭包、现代JS架构的基石(吊打面试官)
前端·javascript·面试
雯0609~7 分钟前
uni-app:防止重复提交
前端·javascript·uni-app
爱吃大芒果7 分钟前
Flutter 自定义 Widget 开发:从基础绘制到复杂交互
开发语言·javascript·flutter·华为·ecmascript·交互
2501_9181269111 分钟前
用html5写一个国际象棋
前端·javascript·css
遇见~未来15 分钟前
前端原生能力速查笔记(HTML + 浏览器 API 实战篇)
前端
2401_8603195218 分钟前
在React Native中开发一个轮播组件(Swipe轮播),通过组件react-native-snap-carousel来实现
javascript·react native·react.js
siroi21 分钟前
[捉虫日记] 给 useImperativeHandle 加个空依赖,竟让我 debug n 小时
前端
博客zhu虎康21 分钟前
Vue全局挂载Element消息组件技巧
前端·javascript·vue.js