如何从子功能组件更新 React 中的父状态?
How can I update the parent state in React from a child funcional componet?
我需要两个组件(导航栏和地图)之间的绑定状态。两个组件都通过 props 从索引状态接收数据。
如何更新导航栏组件中的索引状态以更新地图组件?
在index.ts初始化
this.state: { routes: {geojson_routes}, loadaded: false }
在navbar.tsx
const [routes, setRoutes] = React.useState(props.routes)
const [loaded, setLoaled] = React.useState(props.loaded)
const showRoute= () => {
setLoaled(true)
}
在map.tsx
if(props.loaded == true) show = geojason(props)
我想我需要的是当从导航栏调用 showRoute 时,从 index.ts 更新加载值...但我不知道如何 ¬¬'
您可以将一个将 loaded
状态设置为 true 的函数作为 prop 传递给 Navbar 组件。然后,当您想将 loaded
设置为 true 时,从导航栏组件调用该函数。
我需要两个组件(导航栏和地图)之间的绑定状态。两个组件都通过 props 从索引状态接收数据。
如何更新导航栏组件中的索引状态以更新地图组件?
在index.ts初始化
this.state: { routes: {geojson_routes}, loadaded: false }
在navbar.tsx
const [routes, setRoutes] = React.useState(props.routes)
const [loaded, setLoaled] = React.useState(props.loaded)
const showRoute= () => {
setLoaled(true)
}
在map.tsx
if(props.loaded == true) show = geojason(props)
我想我需要的是当从导航栏调用 showRoute 时,从 index.ts 更新加载值...但我不知道如何 ¬¬'
您可以将一个将 loaded
状态设置为 true 的函数作为 prop 传递给 Navbar 组件。然后,当您想将 loaded
设置为 true 时,从导航栏组件调用该函数。