Respuesta de la API
{ "result": [ { "id": "postcode-0001", "text": "0200" }, { "id": "postcode-00010", "text": "2607" }, ]}Estoy usando esta dependencia: react-native-multiple-select
Quiero agregar los datos de la API para que se incluyan en el selector múltiple y este es mi código
const [postcode, setPostcodes] = useState([]); const responsepostal = await axios.post (`${urldemo}postal-codes`) setDataPostal(responsepostal.data.result)Este es mi código de retorno para diseñar
Problema: no se muestran los datos del código postal de la API en el selector múltiple. No quiero más de tres datos de código postal en el selector múltiple
<MultiSelect style={GlobalSS.picker} selectedValue={postcode} onValueChange={(itemValue, itemIndex) => setPostcodes(itemValue)} // items={postcode} selectedItems={postcode} // onSelectedItemsChange={postcode} selectText="Select Postcode" searchInputPlaceholderText="Search Post Code" altFontFamily="ProximaNova-Light" tagRemoveIconColor="#CCC" tagBorderColor="#CCC" tagTextColor="#CCC" selectedItemTextColor="#CCC" selectedItemIconColor="#CCC" itemTextColor="#000" displayKey="name" searchInputStyle={{ color: "#CCC" }} submitButtonColor="#CCC" submitButtonText="Submit" > {/* <Picker.Item color='grey' label= "Select Postcode" // {postcode} value= "" // {postcode} /> */} {datapostal.map((item) => ( <Picker.Item label={item.text} value={item.id} /> ))} </MultiSelect>;utilizar elementos de utilería
<MultiSelect style={GlobalSS.picker} selectedValue={postcode} items={postcode} onValueChange={(itemValue, itemIndex) => setPostcodes(itemValue)} // items={postcode} selectedItems={postcode} // onSelectedItemsChange={postcode} selectText="Select Postcode" searchInputPlaceholderText="Search Post Code" altFontFamily="ProximaNova-Light" tagRemoveIconColor="#CCC" tagBorderColor="#CCC" tagTextColor="#CCC" selectedItemTextColor="#CCC" selectedItemIconColor="#CCC" itemTextColor="#000" displayKey="name" searchInputStyle={{ color: "#CCC" }} submitButtonColor="#CCC" submitButtonText="Submit" />