如何在React JS中单击按钮来加载不同的内容（与已加载内容不同的内容）

Question

我正在React Bootstrap表中显示json的结果。单击比较后，结果将在表中过滤。现在，我想单击“比较”以不同的表格格式重新加载和显示所选产品。页面应重新加载，然后只有选定的产品应显示在标题垂直对齐的表中。有人可以帮忙吗？完整代码在这里-https://codesandbox.io/s/o4nw18wy8q

点击比较后的预期输出样本-

Answer 1

可能您的类中需要有一个函数，以根据filter status的状态返回两个不同的视图。如果过滤器状态不正确，则显示普通视图，如果filter status为true，则显示您刚刚在上面的视图中提到的view。就设计而言，您应该能够设计表格设计。

当您点击clear时，应将过滤器状态设置回false

这不是完整的工作代码。我只是给你一些想法。

这是一个代码框 https://codesandbox.io/s/2x450x3rqn

Answer 2

您可以从函数返回视图

b'Muse-C46F/elements/alpha_absolute\x00\x00\x00' b',ffff' [0.0, 0.0, 0.0, 0.0]
b'Muse-C46F/elements/alpha_relative\x00\x00\x00' b',ffff' [1.7796490496925177e-43, -2.000030279159546, -2.000030279159546, -2.000030279159546]
b'Muse-C46F/elements/alpha_session_score\x00\x00' b',ffff' [0.0, 0.0, 0.0, 0.0]
b'Muse-C46F/elements/alpha_absolute\x00\x00\x00' b',ffff' [0.0, 0.0, 0.0, 0.0]