如何从子函数组件更新React中的父状态

Question

我需要两个组件(导航栏和映射(之间的绑定状态。两个组件都通过props从索引状态接收数据。

如何更新导航栏组件中的索引状态以更新地图组件？

在index.ts初始化中

this.state: { routes: {geojson_routes}, loadaded: false }

在导航栏.tsx 中

const [routes, setRoutes] = React.useState(props.routes)
const [loaded, setLoaled] = React.useState(props.loaded)
const showRoute= () => {
setLoaled(true)
}

在地图.tsx 中

if(props.loaded == true) show = geojason(props)

我想我需要的是当showRoute从导航栏调用时，从index.ts更新加载的值……但我不知道是怎么做的

Answer 1

您可以将一个将loaded状态设置为true的函数作为道具传递给Navbar组件。然后，当您想将loaded设置为true时，从导航栏组件调用该函数。