Question

import React, { Component } from 'react';
import axios from 'axios';

我想在页面上显示它：

class ProjectDeatil extends Component {

constructor(props) {
   super(props);

   this.state = { user: { name: '' } };
}

。

componentDidMount() {

const { match: { params } } = this.props;

axios.get(`http://localhost:8000/api/project/${params.pk}`)
  .then(({ data: user }) => {
    console.log( user);

    this.setState({"User:": user });
  });
 }

我添加了她的常量

 render() {
     const{ user } = this.state;
return (

然后我尝试再次显示它，但仍然无法正常工作

 <div className="col-md-4 text-white   animated fadeInUp delay-2s if " >
 <h1>{user.title}</h1>
 <h1> Hello Dear</h1>
 </div>

我也尝试过使用django rest api，但这也没有用。

    </div>




  );
  }  
}
 export default ProjectDeatil

Answer 1

您必须修复此行：

this.setState({"User:": user });

到

this.setState({"user": user });

为什么React不显示任何数据？

1 个答案: