Question

42

How to pass an array in query parameter reactjs

rated 0 times [ 47] [ 5] / answers: 1 / hits: 14576 / 4 Years ago, tue, june 30, 2020, 12:00:00

I Am using multiselect dropdown, what i want is whatever i've selected in dropdown to send it to the server by calling an api which contains query param to accomodate these dropdown result.
I have made an array of selected items.
Array(3) [ "IphoneXR", "Nokia", "Samsung" ]
I want this array to get pass to below url like this: http://localhost:8080/details?dropdown=IphoneXR,Nokia,Samsung.
With my approach i am ending up with this: http://localhost:8080/details?dropdown[]=IphoneXR&dropdown[]=Nokia. I am not sure why dropdown[] is coming twice. Can anyone please help me with it

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

sandra

Add To Favorites

Follow

Total Points: 708

Total Questions: 100

Total Answers: 84

Location: Bosnia and Herzegovina

Member since Thu, Jun 24, 2021

3 Years ago

sandra questions

1 NestJS/TypeORM: Cannot read property 'createQueryBuilder' of undefined

Mon, Nov 16, 20, 00:00, 4 Years ago

1 Firebase popup signin popup-closed-by-user error

Sun, May 31, 20, 00:00, 4 Years ago

1 How to test a component with the < Router> tag inside of it?

Wed, May 20, 20, 00:00, 4 Years ago

1 How do I send an array with fetch? (Javascript)

Fri, May 31, 19, 00:00, 5 Years ago

1 How to validate a user's birth date in JavaScript with a Regular Expression?

Thu, Apr 25, 19, 00:00, 5 Years ago

View All

answered 4 Years ago aiyannam · Accepted Answer

Convert the array into string and pass the value in query param.

multiSelectHandler = (option) => {

    const details = option.selectedItems;

   const stringData =  details.map(({value}) => `${value}`).join(',');

   console.log(stringData);

  };

Array: Details: Output in console

0: Object { value: "Iphone", label: "Iphone" }

    1: Object { value: "Samsung", label: "Samsung"}

After converting into string:Output in console, Iphone,Samsung

Now pass this stringData in queryparam