How to use the query string params in react?

[lingo1357]

Hello,

How to use the query string params in react?

regards,

[lasjorg]

You may want to expand the context of the question.
What are you trying to do exactly?

How Transmit information from one page to another thanks to the parameters contained in the url

You can use URLSearchParams and window.location.search

Example

First page link: <a href="./second.html?product=coffee&productId=abc123">Coffee</a> Second page JS const params = new URLSearchParams(window.location.search); const product = params.get('product'); const productId = params.get('productId');

Just be mindful about what you encode into the URL and how you use it. You can’t trust user input and the URL can be altered.

[lingo1357]

@lasjorg

You may want to expand the context of the question.
What are you trying to do exactly?

I don’t want to expand the question. I expand my project.
Formerly I was using the query string in ASP.net webForm but now I have forgotten how the param is used.

[lasjorg]

@lingo1357

I don’t want to expand the question. I expand my project.

I mean you will have to give us more detail about what you are trying to achieve.

That is what I mean by context. Taken out of context your question is hard to understand and give an answer to.

[lingo1357]

I want to make an app for upload and editing and creating image.
of course the editor is a component.

[lasjorg]

You didn’t answer the question, what is it you are trying to do?

@lingo1357

How to use the query string params in react?

Why and for what?

If you can’t answer that it’s a lot harder to help you. Was the link I posted of any help?

[DanCouper]

Yes, it’s very difficult to understand what you do or don’t know here, never mind purpose.

If you do understand what query params are and you’re just trying to construct/parse them, and it’s a web app, then the browser has an API for working with URLs that does this

[lingo1357]

@lasjorg

If you can’t answer that it’s a lot harder to help you. Was the link I posted of any help?

I want to make an app for upload and editing and creating images.
of course, the editor is a component.

But I answered your question!
I’m working on it.

[lingo1357]

@DanCouper

If you do understand what query params are and you’re just trying to construct/parse them, and it’s a web app, then the browser has an API for working with URLs that does this

I was just reading and googly-related tutorials.
I have worked with query params in ASP.net webform but have forgotten how to use params.

Thanks for the API.

I think the way I asked the question makes it hard to reader understand what is in my mind. So I changed the subject. But my English is poor, so this is natural.