reactjs - 如何使用箭头使材质 ui 芯片数组左右滚动？

我正在尝试使材料 ui Chips 在一行中左右滚动。

这是我正在处理的代码沙箱。

标签： reactjsmaterial-ui

如果我正确理解了你的问题...

当容器大小不足以显示所有内容时，您想要的基本上是一行带有滚动的 material-ui 芯片。

实现这一点有点容易......

我们可以添加overflow:auto和maxWidth:400px到芯片容器元素。基本上，如果内容需要超过 400 像素的水平空间（宽度），这会告诉浏览器显示滚动。

为了使芯片水平流动，我们只需添加到容器中flexWrap: nowrap以指示渲染器不要包裹元素。