React JS中的响应式按钮呈现

Question

我的react js render中有一个custon类，它是一种在同一行中内联3个按钮（右侧2个，左侧1个）的样式。

但是按钮对移动屏幕和其他屏幕没有响应，我试图将样式放在自定义的CSS样式表中，但是它不起作用，按钮也没有内联显示。

Here is my CodeSandBox.

非常感谢

Answer 1

请看看这个，在这种情况下，我想将每个按钮放在新行中：

Small screen test

Answer 2

请检查flex-wrap: wrap上的属性parentStyle。调整大小时，上一个和下一个按钮将移动到下一行。同样，如果进一步调整浏览器的大小，您也可以在此行<div style={{ ...childStyle, justifyContent: "flex-end" }}>中使用相同的属性将下一个按钮移到prev按钮下方

Answer 3

他们似乎排队-问题出在哪里？