我正在做這個專案，我需要獲取資料，并使用地圖顯示定制設計的卡片組件串列。一切正常，但是當我向陣列添加一個新值時，它將創建一個包含我想要的值的新卡，但默認從左側開始。
有沒有辦法讓新的添加到右側？
這就是它現在的樣子
這就是我想要的樣子（預期）
如果這樣可以解決問題，它也可以從右側的索引 0 開始。
請注意，我已經嘗試將方向設定為 RTL，但這并不能解決如何map在串列中插入和顯示新專案的問題
示例代碼
//fetch data
function fetchData(){
return data.cards.slice().sort(a, b).(a.toUpperCase()< b.toUpperCase() ? -1 : 1))
}
const cardsList = fetchData()
<CardList>
{
cardsList.map( card => (
<Card key={card.id}>
{card.name}
</Card>
))
}
</CardList>
uj5u.com熱心網友回復：
不確定是什么CardList和Card組件。但這應該是可能的，display:flex如下例所示。flex-wrapjustify-content: flex-end;
.container {
display: flex;
flex-wrap: wrap;
width: 450px;
justify-content: flex-end;
}
.card {
padding: 10px;
border: 1px solid red;
margin: 20px;
}<div class="container">
<div class="card">index 0</div>
<div class="card">index 1</div>
<div class="card">index 2</div>
<div class="card">index 3</div>
<div class="card">index 4</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/464586.html
標籤：javascript 反应 打字稿