Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

137
Views
Cómo obtener datos de API en el selector múltiple React native

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>;
about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

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" />
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!