React，如何将div放在父组件的底部

Question

我编写了一个从服务器获取数据的组件，并且需要一个额外的提示框来显示这些数据的详细信息，该组件位于一个未知大小的div中，就像下面的图片一样。

------------------------------------
|        |                |        |
|        |                |        |
|        |                | Parent |
|        | -------        |  view  |
|        | | Tip |        |        |
|        | -------        |        |
---------|----------------|---------
         |                |
         |                |
         |     Content    |
         |                |
         |                |
         ------------------

背景：有一个父视图区域来显示带有内容的组件，但是父视图的大小未知，同时内容可能包含多个数据，因此需要一个提示框来显示每个数据的详细信息。父视图使用overflow-y=scroll样式。

我的问题：

1. 提示框应由content-component创建
2. 如果content-component的高度高于上图所示的父视图，则提示框应位于父视图的底部

我对这种情况很困惑，所以可以给我一种方法吗？

Answer 1

我通常解决这类问题的方法是创建一个示例性的工具提示，其中内容处于组件状态，并根据需要将其呈现在适当的位置。

看起来应该立即创建一个函数来从实际应获取的数据中获取数据，并在数据到达时以相同的组件状态存储。然后，我将渲染切换为仅在数据可用时才显示，以便仅在有条件的情况下显示。

我不完全了解您要做什么，但是也许您可以解释为什么上面的方法对您不起作用（如果您已经考虑过），那么我们可以从那里弄清楚。< / p>