Использование match () для регулярных выражений при реакции приложения на получение ошибки

Question

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

Я получаю следующую ошибку:

Необработанный отказ (TypeError): невозможно прочитать свойство 'match' из неопределенного

Любая помощь оценили!

Answer 1

Вы должны убедиться в res.data, что оно имеет значение, перед вызовом match. Я предлагаю вам использовать это:

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});
    }
  })
}