如何解决如何在响应中将道具发送到已经可见的组件
我只能找到ReactJS的阅读内容以及创建组件时如何发送道具的示例。
构造函数将运行并接收道具。
但是,如果该组件已经创建并且需要新的道具来更新某些东西,该怎么办!
我真的在几个小时后找不到有关此建议的信息吗?
解决方法
如果您向组件发送一些道具,则组件会立即更新道具或状态已更新。
const App = () => {
const [caption,setCaption] = useState("My component")
return <Component caption={caption} />
}
const Component = ({caption}) => {
const [counter,setCounter] = useState(0)
return (
<h2>{caption} was updated {counter} times</h2>
)
}
在此示例中,在更改道具“标题”或状态“计数器”时更新。
,为子组件提供道具(默认情况下,开始时只能是null
),然后当父元素发生状态变化时,它将使用新道具重新渲染子道具。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。