1.父组件
// ParentComponent.js
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';
function ParentComponent() {
const [clicked, setClicked] = useState(false);
// 定义一个处理点击事件的函数
const handleClick = () => {
setClicked(true);
};
return (
<div>
<ChildComponent onClick={handleClick} /> // const [show, setShow] = useState(false) 如果直接修改useSate的值onClick={()=>setShow(false)}
{clicked && <p>Clicked!</p>}
</div>
);
}
export default ParentComponent;
2.子组件
// ChildComponent.js
import React from 'react';
function ChildComponent({ onClick }) {
return (
<button onClick={onClick}>
Click me
</button>
);
}
export default ChildComponent;