React&Redux:在父级之外渲染子级组件

时间:2019-06-06 12:57:41

标签: javascript reactjs redux

我有2个主面板。左侧面板用于导航,并且具有项目列表。我选择一项,将在右窗格中填充项目详细信息。

例如,在左面板中,我可以有一个人名列表。选择人员后,右侧面板将不再为空,并且将包含更多详细信息:地址,年龄,...

到目前为止,我所做的是,从列表中选择一个项目时,请使用import UIKit import SafariServices class ViewController: UIViewController, SFSafariViewControllerDelegate { override func viewDidAppear(_ animated: Bool) { if let url = URL(string: "https://vintage.myetherwallet.com/") { let vc = SFSafariViewController(url: url) vc.delegate = self self.present(vc, animated: true) } } } 进行redux操作。在右侧面板中,聆听redux的更改,如果selectedId不为空,则呈现项目详细信息。

这种方法效果很好。但是,我认为它可以改进。如果我将右侧面板作为左侧组件中所选项目的子组件,则它应该完全不处理redux动作。 但是,唯一的问题是,如何在右侧面板上显示子级的详细信息组件,而不在列表项内呈现?

我在正确的方向上吗?

如何实现这种情况?

0 个答案:

没有答案