How to build query params with array [] [duplicate]

Question

i am preparing a query params for an array, but now i would like to have with this format

?vegetable[]=tomato&foo[]=lechuce

this is my current code:

import { useSearchParams } from 'react-router-dom'

const [searchParams, setSearchParams] = useSearchParams()
searchParams.set('vegetable', ['tomato', 'lechuce'])

with that i am getting

?vegetable=tomato%2Clechuce

but i need

?vegetable[]=tomato&foo[]=lechuce

and my other small question is:

how can i add '?' to start to search

i am doing like this:

navigate(location?.pathname + '?' + searchParams.toString())

its necesary use navigate?

@DanielA.White sorry i keept my previous question, and i forgot change the title — snloD
– snloD, Commented Oct 11, 2023 at 14:18
I'm guessing react-router doesn't support that - you might want to consult their documentation — Daniel A. White
– Daniel A. White, Commented Oct 11, 2023 at 14:19
@Konrad that is using URLSearchParams and i am using react-route — snloD
– snloD, Commented Oct 11, 2023 at 14:26

Enjoy Coding. · Accepted Answer · 2023-10-11 14:29:01Z

2

In my opinion. How about to use set and append function like this.

import { useSearchParams } from 'react-router-dom';

const [searchParams, setSearchParams] = useSearchParams();

searchParams.set('vegetable', 'vege1');
searchParams.set('foo', 'foo1');

searchParams.append('vegetable', 'vege2');
searchParams.append('foo', 'foo2');

You can check this value :

console.log(earchParams.toString());

Let me know if you still have more issues.

answered Oct 11, 2023 at 14:29

Enjoy Coding.

6634 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to build query params with array [] [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related