Блог

импортируйте React из ‘react’; импортируйте axios из ‘axios’;

импорт { Card} из ‘antd’;

класс ArticleDetail расширяет React.Компонент {

 state = {
    article: {}
}

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


render() {
    return (
        <div>
            <Card title={this.state.article.title}>
            <p>{this.state.article.content}</p>
            </Card>
        </div>            
    )
}
 

}

экспорт по умолчанию ArticleDetail;

 //Make sure on your article.js file under title link you use  `  instead of  '  

<List.Item.Meta
          avatar={<Avatar src={item.avatar} />}
          title={<a href={`/${item.id}`}>{item.title}</a>}   //here
          description={item.description}
        />
        {item.content}
</List.Item>`
 

//И под вашим routes.js файл убедитесь, что (идентификатор статьи) совпадает с тем, который вы использовали в Article-detail-view

      exact path='/:articleID' component={ArticleDetail}