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

Question

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

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

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

我的问题：

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

我对这种情况非常困惑，因此您可以给我一种方法来解决吗？

Answer 1

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

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

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