React js渲染中的响应按钮

Responsive buttons in react js render

我在我的 react js render 中有一个自定义 class,这是一种在同一行中内联 3 个按钮(右侧 2 个,左侧 1 个)的样式。

但按钮对移动设备和其他屏幕没有响应,我尝试将样式放入自定义 css 样式表中,但它不起作用,按钮没有内联显示。

Here is my CodeSandBox.

非常感谢

他们好像在排队 - 有什么问题吗?

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

Small screen test

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