- 父组件:首先,在父组件中定义你想要传递给子组件的方法,并将其作为prop传递给子组件。
function ParentComponent() {
const [autoInpaintImageLoadingVisible, setAutoInpaintImageLoadingVisible] = useState(false);
const handleSetAutoInpaintImageLoadingVisible = (isVisible) => {
setAutoInpaintImageLoadingVisible(isVisible);
};
return (
<ChildComponent
setAutoInpaintImageLoadingVisible={handleSetAutoInpaintImageLoadingVisible}
/>
);
}
- 子组件:然后,在子组件中通过props调用这个方法。
function ChildComponent({ setAutoInpaintImageLoadingVisible }) {
const handleClick = () => {
// 假设你想在这里改变父组件的状态
setAutoInpaintImageLoadingVisible(true);
};
return <button onClick={handleClick}>Change Loading Visibility</button>;
}