我有两个组件，它们应以以下方式显示:- 
现在的问题是，我必须先渲染组件 B，然后渲染组件 A。但是组件 A 应该显示在左侧，而 B 应该显示在右侧。 可以使用任何 CSS 或 Bootstrap 来显示/排列组件。
Note: component A returns rectangle and component B returns circle / ellipse.
最佳答案
纯 CSS 解决方案:您可以使用 display: grid; 和 order: 1; 和 order: 2; 重新排列顺序。
我快速做了一个codepen展示。
或者，如果您不允许使用容器 - 像这样简单的东西可能会起作用:只需给组件 B 负 margin-left 和组件 A 正 margin-left 即可。 https://codepen.io/anon/pen/LddwYa
关于javascript - react : Rendering the component in different way，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49584914/