Set state from query params

Question

I'd like to set state of my React component from query values.

componentDidMount() {
    const query = queryString.parse(this.props.location.search);
    this.setState(query)
  }

It works well, but some fileds of state should be integer type. But queryString.parse returns objects which contains only string values. Is there any simple way to convert it? There is Trafaret library in Python, does JS have smth like that?

P.S. I want to use it for paginate, for example. Query params should contains offset, limit, number page etc.

parseInt() is what you are looking for: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — SakoBu
– SakoBu, Commented Apr 26, 2019 at 19:26
Yes I know about it of course. But I asked about some schema to parse. Like in Python's trafaret. — Mike
– Mike, Commented Apr 26, 2019 at 19:32

sigmus · Accepted Answer · 2019-04-26 19:23:28Z

2

Use the library query-string: https://github.com/sindresorhus/query-string

answered Apr 26, 2019 at 19:23

sigmus

3,2473 gold badges25 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

Set state from query params

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related