為什么所有反應組件都會改變高度而不是一個

Question

我正在制作一個 Trello 副本，並且我已經渲染了幾次組件，並且我在組件末尾有一個按鈕，它應該更改 state 並用另一個按鈕顯示輸入字段，如下所示：單擊之前

但問題是，當我單擊“添加另一個項目”時，所有組件的高度都會發生變化，如下所示：單擊后

但它應該只適用於一個，有什么想法嗎？

Css 集裝箱代碼：

  listCointainer: {
   display: 'flex',
   justifyContent: 'flex-start',
  },

和列表：

list: {
        minWidth: '300px',
        backgroundColor: '#EBECF0',
        margin: '10px',
        paddingBottom: '10px',
    },

Answer 1

利用

list: {
        minWidth: '300px',
        backgroundColor: '#EBECF0',
        margin: '10px',
        paddingBottom: '10px', 
        height: 'fit-content'
    }