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

Question

我是React-Redux中的新手并想着如何解决以下问题 - 我有两个项目列表，左右一个音。当我点击左侧列表中的某些项目时，右侧列表应根据左侧列表中选择的项目I的某个ID /键来填充数据库中的项目。

听起来相当简单，但如何在React-Redux中实现它？

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

Answer 1

您需要在第一个元素上添加onChange处理程序（如果它选择）或onClick如果不是，则传递一些data-id属性，即您将用于过滤第二项。

在onChange / onClick方法中，dispatch操作（带有该ID）将根据ID从数据库中获取内容并将其保存到store。第二个项目应该收听同一个商店，并填写来自state.secondItem。

它并不复杂，但往往会调整一些步骤，特别是使用Redux。