axios로 api의 optional이 두개일때 한개만 전송할경우에 대해 알아보자

api를 fetch하는 라이브러리로 axios를 많이 쓰곤 했다.

이 때, 백엔드에서 api의 parameter값으로 두개를 optional로 주곤 했다.

그래서 나는

const fetchData = async (param1?:boolean, param2?:string) => {
	const res = await axios.get('/api/endpoint', {
		params: {
			param1,
			param2,
		}
	});
	return res;
}

위와 같이 fetchData 함수를 만들었다.

fetchData함수를 사용할 때 param1이 필요로하면, param2 없이

fetchData(param1에 해당하는 변수명)

을 주면 되었지만, param1을 전송하지 않고, param2만 주고 싶을 때가 있었다.

이 경우 어떻게 해야하지 싶었지만, 생각보다 간단했다.

fetchData(undefined, param2에 해당하는 변수명)

을 써주면 되었다.

param1 없이 네트워크 탭에서 api/endpoint?param2=param2에 해당하는변수명 이 잘 들어가는 것을 확인 할 수 있었다.