Can you give me some advice about destructuring assignment and fetch?

Viewed 16

Below is the code I wrote. I want to refactorize this code more, but I don't know what to do. Is there a good way?

const { contry, passengerInfo, board } = useSelector(state => state);
const { departure, destination } = contry;
const { adult, child, baby, rating } = passengerInfo;
const { boardStartDay, boardEndDay, search } = board;

and

const goToAirList = () => {
 setIsLoading(true);
 const departure_date = boardStartDay.slice(0, 8).replace(/\./g, '-'); //"22.09.22" -> "22-09-22"
 const arrival_date = boardEndDay.slice(0, 8).replace(/\./g, '-'); //"22.09.22" -> "22-09-22"
 const seat_class = rating === '전체' ? 'normal' : 'business';
 const ticket_type = search === '편도' ? 'one_way' : 'round_trip';
 const oneWayQueryString = `?ticket_type=${ticket_type}&departure_location=${departure}&arrival_location=${destination}&departure_date=${`20${departure_date}`}&adult=${adult}&infant=${child}&child=${baby}&remaining_seat=${seat_class}`;
 const roundTripQueryString =
  oneWayQueryString + `&departure_date=${`20${arrival_date}`}`;
 const finalQueryString =
  ticket_type === 'one_way' ? oneWayQueryString : roundTripQueryString;
 setTimeout(() => {
  setIsLoading(false);
  navigate(`/airmodal${finalQueryString}`);
  navigate(`/airlist${finalQueryString}`);
  fetch(`${BASE_URL}/flights/schedules${location.search}`);
 }, 5000);
};
0 Answers
Related