ReactJS-当屏幕缩小时，将溢出的元素放入“…”下拉按钮

Question

连续有10个开发div，当我使用lx-px并将其缩小到移动分辨率时，我想在下拉按钮中显示7并剩余显示已添加到下拉按钮。

Answer 1

首先需要检测父元素的尺寸是多少，然后，如果每个元素的大小都固定，那么确定其中有多少元素就很简单了。

如果您的元素没有固定的大小，则需要检查每个元素的大小并计算它们将适合多少个。

剩下要做的是显示适合您屏幕的元素，并在下拉菜单中显示其余元素

一些线索：

window.resize

element.getBoundingClientRect

React refs and the DOM