Changing/Processing data after async fetch in componentDidMount

Question

I'm trying to change data after fetching them in componentDidMount function.

Let's say I'm fetching one object:

{
  text: "hello world"
}

but I want to add "!" to this string after fetching in componentDidMount. My question si, where should I edit fetched data? When I'm trying to edit it in componentDidMount I always get error saying that I cannot edit 'undefined'.

Thanks in advance.

Robsonsjre · Accepted Answer · 2017-02-08 16:20:06Z

1

Be a little more specific, its better if you show your fetch function and your modify function also. But, I can guess something similar to it:

 componentDidMount() {
    fetch(reqObj)
      .then(json => {
        const modifyJson = JSON.stringify(json) + '!'
        this.setState({text: modifyJson})
      })
  }

answered Feb 8, 2017 at 16:20

Robsonsjre

1,57112 silver badges19 bronze badges

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

3 Comments

Felix Kling Over a year ago

I guess the OP wants to append ! to hello world, not to the JSON blob. But generally the right idea.

Matus Over a year ago

I figured out that the best solution to this problem would be to edit data coming from server in action creator. I didn't think about that. What do you think about that idea?

Robsonsjre Over a year ago

It is how I do in my project :)

Collectives™ on Stack Overflow

Changing/Processing data after async fetch in componentDidMount

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related