Reactjs 根据动态id从API获取数据时的反应

我是一个新手，在我的主屏幕中，我使用redux和axios从API获取数据，现在我想要什么

当我按下图像时，它会将我带到EventInfo屏幕，并根据Postman中的动态id显示信息请求POST，并获取此{“id”：“5680”} 显示信息

\u onImagePressed（）{
this.props.navigation.navigate（'eventInfo'）；
}
_renderListItem=（{item}）=>{
地点（'en'）；
var dt=项目日期；
报税表（
{item.id}
{矩（dt）.format（'DDD-MMM-YYYY'）}
)
}

首先，您需要从onPress上执行的函数中传递id，并将id传递给导航组件

{ onPress() => this._onLImagePressed({item.id}) }
_onLImagePressed(id) {
    this.props.navigation.navigate('eventInfo', { id: id});
}

之后，您可以在eventInfo组件中获得您的id，如下所示

this.props.navigation.state.params.id

---

提示：始终在构造函数中绑定函数如果在每次渲染时在渲染函数内部绑定，它将创建一个新实例，并导致性能问题。要从

'eventInfo'

路由中获取相应的详细信息，还必须将

id

详细信息作为路由的一部分添加

然后在

eventInfo路由组件的
componentDidMount
中，您可以从
route
获取
id
，并使用
axios
获取详细信息并动态渲染

具体的语法将取决于所使用的包，但这可能是一个一般的想法

此外，如果您可能无法将id作为路由参数传递，您还可以在导航之前将全局值（如redux存储状态）设置为相应的id，并从eventInfo组件中读取该状态，然后使用组件中的axios从api中提取，如上所述
 那么您在下一个组件中需要特定的列表项id？
this.props.navigation.state.params.id