代码之家 › 专栏 › 技术社区 › tesicg

如何单击一个列表中的项目并填充另一个列表?

react-redux

0

tesicg · 技术社区 · 8 年前

我是React Redux新手,正在思考如何解决以下问题-我有两个项目列表,左一个和右一个。当我单击左列表中的某些项目时,右列表应根据我在左列表中选择的项目的某些id/键,使用数据库中的项目填充。

这听起来相当简单,但如何在React Redux中实现它呢?

当然,我并没有要求提供全功能的解决方案,但我在互联网上还没有找到类似的解决方案。如果你知道一些有关这方面的网络资源,或者你可以把我推到正确的方向,我会很感激的。

1 回复 | 直到 8 年前

1

0

Sebastijan DumanÄiÄ 8 年前

您需要添加 onChange 第一个元素上的处理程序(如果是select)或 onClick 如果不是,则传递一些数据id属性,该属性将用于过滤第二项。

在onChange/onClick方法中, dispatch 操作(使用该ID),它将根据ID从数据库中提取内容并将其保存到 store 。第二个项目应该侦听同一个存储,并从中填充, state.secondItem 。

这并不复杂,但往往涉及一些步骤,尤其是使用Redux。