Using match() for regex on react app getting error

Question

componentDidMount(){
  axios.get('/sites/multiscreen/templates').then(res => {
    if(res.data.template_id.match(/^[a-z0-9]+$/i)){
      this.setState({
        templates: res.data,
      });
    }
  })
}

The error I'm getting is this:

Unhandled Rejection (TypeError): Cannot read property 'match' of undefined

Any help is appreciated!

It's JSON... how would I use match() with json? Convert it to a string? — anonymous
– anonymous, Commented Mar 18, 2020 at 2:56
Can you post up your res.data? Error is saying that res.data.template_id is undefined. — Drew Reese
– Drew Reese, Commented Mar 18, 2020 at 2:57

Fred · Accepted Answer · 2020-03-18 05:45:12Z

1

You have to make sure about res.data that it has value before calling match. I suggest you use this:

componentDidMount(){
  axios.get('/sites/multiscreen/templates').then(res => {
    if(!!res && 
       !!res.data &&
       !!res.data.template_id &&
       /^[a-z0-9]+$/i.test(res.data.template_id)) 
    {
      this.setState({templates: res.data});
    }
  })
}

answered Mar 18, 2020 at 5:45

Fred

3,4714 gold badges38 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

Using match() for regex on react app getting error

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