react函数式组件props形式父向子传参

父组件中定义

react函数式组件props形式父向子传参_第1张图片

子组件中触发回调传值

import { useState } from "react";
function Son(params) {
    const [count, setCount] = useState(0);
    function handleClick() {
        console.log(params, 'paramsparamsparamsparamsparamsparams');
        params.onClick(111)
        setCount(count + 1);
    }

    // console.log(params, 'paramsparams');
    return (
        <div>
            {params.count}
            <button onClick={handleClick}>
                Clicked {count} Son times
            </button>
        </div>
    )
}
export default Son;

react函数式组件props形式父向子传参_第2张图片

你可能感兴趣的:(react,react.js,javascript,前端)