如何創建 react-select 數組？

Question

我正在創建地址數據字段，其中country->state->city是通過使用 react-select 創建的。

country->state->city所有數據都是通過API來的。 如果是單一地址，則沒有問題。

但我想添加多個地址。 我想在每個地址中使用country->state->city 。

那么如何從每個地址塊中區分country->state->city 。

如何使用 react-select 創建country->state->city數組。

Answer 1

我沒有得到確切的問題，但會根據我的理解回答：

您可以使用 map 函數，將每個地址映射到 react-select 組件。 然后在 JSX 中顯示該組件。

const address = ['ad1', 'ad2', 'ad3'] //根據您的 apis 可能有所不同，它可能是帶有“門牌號”、“地址行 1”等的對象。

 const admap = address.map((add, index) => ( <div key={index}> // put your react select stuff </div> ))

那么你可以在 JSX 中使用 {address} 來顯示每個地址的選擇。