Javascript 如何更改父组件'；子组件的状态？

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

请尝试从这个示例中理解

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)} 
        />
    )
}

const Parent=（）=>{
const[name，setName]=useState（“”）；
const handleName=（name）=>setName（name）；
常量输入属性={
handleName:handleName
}
返回(
我的名字是：{name}
)
}
const Child=（道具）=>{
const[name，setName]=useState（“”）；
useffect（（）=>
道具名称（名称）；
}，[姓名]）
返回(
setName（e.target.value）}
/>
)
}

在本例中，父组件根据子组件中的更改更改其状态。 子组件只是一个输入标记，一旦更改该标记，就会触发effect钩子，该钩子将值传递给作为props传递的父处理程序。并显示已更改的状态

---

我希望这有帮助

通过道具将函数从父级传递到子级。好的，但是如何以相同的方式将数据从子级传递到父级-一个设置父级状态的函数。请查看此帖子：请查看