如何解决我应该使用useRef还是提升状态来处理以下情况?
在某些情况下,我必须在父组件中发送请求,而param是子组件的状态。 我可以这样吗?
function Parent() {
const paramRef = useRef(null)
return <Modal onConfirm={()=>{request(paramRef.current)}}>
<Child bindParam = {(param) => paramRef.current = param} />
</Modal>
}
function Child({bindParam}) {
const [state,setState] = useState('foo')
useEffect(()=>{
bindParam(state)
},[state,bindParam])
return ...
}
或者我必须提高孩子的状态。 对不起,我英语不好。我能把问题弄清楚吗?
解决方法
请将状态“ useState()”移动到父组件,并将其作为道具传递给子组件。
googleCalnedarID
现在,您应该能够在父级或子级更改状态,但是您需要知道状态更改将重新呈现组件。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。