How to write to the state the data that was received through additional parameters in the url?

Question

React

I have a link: localhost:3003/calendar?month=2019-08&day=21&time=10:00:00
I want to write month data to state (but later I will use other data: day, time). How can I do this better and is it right to transfer data to state?
The bottom line: the user receives a link to email and when he clicks on it, he will see a calendar with the desired month and other data. I need this data to understand what to display to the user.
I'm thinking of pulling this data through location.search

state = {
    currentMonth: null;  // currentMonth: 2019-08
}

Answer 1

url = new URL('localhost:3003/calendar?month=2019-08&day=21&time=10:00:00')

params = [...url.searchParams.entries()].reduce((acc, val) => {
  acc[val[0]] = val[1];
  return acc
}, {})

// {month: "2019-08", day: "21", time: "10:00:00"}

but I don't think that props should be duplicated in the state
(the props will change later, and you will have to manually change the state)