Как исправить Cannot read property 'params' of undefined?

Question

[IIITRIX]

componentDidMount() {
  const postID = this.props.match.params.postID
    axios.get(`http://127.0.0.1:8000/api/${postID}`)
    .then(res => {
      this.setState({
        post: res.data
      });
    })
  }

Comments

[Andrey Perov]

Используй lodash get в случае если в params ничего нету ( присвой например объект по умолчанию ) чтобы скрипт не падал, ну и допиши логику

Answer 1

[Максим]

Нужно разобраться в причине появления этой ошибки.
Суть ее в том, что у вас this.props.match - undefined, а это значит (скорее всего, так как кода не вижу) - вы рендерите компонент не из <Router /> компонента (или не из обертки withRouter).

Если с причиной разбираться нет желания, и хочется просто сделать "заплатку", то можно сделать так:

componentDidMount() {
  if (this.props.match && this.props.match.params.postID) {
    const postID = this.props.match.params.postID
      axios.get(`http://127.0.0.1:8000/api/${postID}`)
      .then(res => {
        this.setState({
          post: res.data
        });
      })
    }
// если надо можете сделать else
  }