React Native Axios

https://github.com/axios/axios

설치

$ npm install axios

실행

get

axios.get('/user?ID=12345')
  .then(function (response) {
    // handle success
    console.log(response);
  })
  .catch(function (error) {
    // handle error
    console.log(error);
  })
  .finally(function () {
    // always executed
  });

async/await와 함께 사용하기

async function getUser() {
  try {
    const response = await axios.get('/user?ID=12345');
    console.log(response);
  } catch (error) {
    console.error(error);
  }
}

예시

  const [res,setRes]= useState([])

  async function getData() {
    try {
      const response = (await axios.get('https://codingapple1.github.io/shop/data2.json'));
      setRes(response.data)
    } catch (e) {
      console.error(e);
    }
  }

  const Item = ({item}) => (
    <View>
      <Text>{item.title}</Text>
      <Text>{item.content}</Text>
    </View>
  );

return (
    <View>
      
      <FlatList
        data={res}
        renderItem={({item}) => <Item item={item} />}
        keyExtractor={item => item.id}
      />
      
    </View>
  )

Post

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

---

qs

https://github.com/ljharb/qs
URL 쿼리 읽기

설치

npm install qs

실행

qs.stringify({
  변수
})