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;
相关推荐
cellurw5 分钟前
20260724 六组件编译收尾与全局构建验证
前端
寒水馨10 分钟前
Windows下载、安装electron-v43.2.0(附安装包electron-v43.2.0-win32-x64.zip)
javascript·windows·typescript·electron·跨平台·桌面应用·chromium
用户29307509766917 分钟前
用React 完成Todos 的 组件应用:深入理解单向数据流与组件通信
前端
玉宇夕落30 分钟前
React 父子组件通信 Todo List 看透单向数据流与不可变数据
前端
软件开发技术深度爱好者30 分钟前
国际音标魔法实验室工具HTML5实现
前端·html5·英语学习
FogLetter31 分钟前
嘘!WebSocket正在“偷听”你的网络请求——全双工通信的魔法
前端·面试
用户9385156350732 分钟前
从零构建 React Todo 应用:组件化设计与数据流深度解析
前端·javascript
IT_陈寒35 分钟前
Python线程池把我坑惨了,这些盲区你不踩?
前端·人工智能·后端
mONESY39 分钟前
从 DeepSeek WebGPU 输入框,吃透 React+TS 四大核心开发实践
javascript·后端