Question

如何从子组件更改父组件的状态？，还需要从子组件传递一些数据。非常感谢您的任何帮助，谢谢

Answer 1

尝试从此示例中了解

const Parent = ()=>{
    const [name,setName]=useState("");
    const handleName = (name)=>setName(name);
    const inputProps= {
        handleName:handleName
    }
    return (
        <>
            <div>My name is :{name}
            <Child props={inputProps} />
        </>
    )
}

const Child =(props)=>{
    const[name,setName]=useState("");
    useEffect(()=>
       props.handleName(name);  
    },[name])
    return(
        <input type="text" placeholder="Enter your name" 
        value={name} onChnage={(e)=>setName(e.target.value)} 
        />
    )
}

在此示例中，父组件根据子组件中的更改来更改其状态。子组件只是一个输入标签，对其进行更改会触发效果钩子，该钩子会将值传递给作为道具传递的父处理程序。并显示更改后的状态。

我希望这会有所帮助！！

如何从子组件更改父组件的状态？

1 个答案: