React JS中的響應式按鈕呈現

Question

我的react js render內部有一個custon類，它是一種在同一行中內聯3個按鈕（右側2個，左側1個）的樣式。

但是按鈕對移動屏幕和其他屏幕沒有響應，我試圖將樣式放在自定義的CSS樣式表中，但是它不起作用，按鈕也沒有內聯顯示。

這是我的CodeSandBox。

非常感謝

Answer 1

請看一下，在這種情況下，我想將每個按鈕放在新行中：

小屏幕測試

Answer 2

請檢查屬性flex-wrap: wrap on parentStyle 。 調整大小時，上一個和下一個按鈕將移動到下一行。 同樣，您可以在此行<div style={{ ...childStyle, justifyContent: "flex-end" }}>使用相同的屬性，如果進一步調整瀏覽器的大小，也可以將下一個按鈕移到prev按鈕下方

Answer 3

他們似乎排隊-這是什么問題？