私のAPIを読むことができますが、私はreact.jsで出力することができません

Question

私は問題は値がまだnullであると思う私は値を設定する必要があるが、私は方法を知らない。このエリアで

constructor() { 
    super(); 
    this.state = { 
     jsonReturnedValue: null 
    } 
    } 

私はNULLとして値を設定して、私の反応が、私はそれを実行したときにのみ、「従業員のリストは、」

fetch("http://localhost:5118/api/employeedetails/getemployeedetails") 
    .then(handleErrors) 
    .then(response => response.json()) .then(json => { 
     this.setState({ jsonReturnedValue: response.results }); 
    }).catch(function(error) { 
     console.log(error); 
    }); 

    } 
    } 

render() { 
    return(
     <div> 
     <h1> Listof Employees </h1> 
      <h1>{ this.state.jsonReturnedValue }</h1> 
     </div> 

Answer 1

問題がresponse.resultsなどで見ることができるにそれを取り出してみましたresponseは、3番目のthenコールでは使用できません。

試してください：httpリクエストのための

fetch("http://localhost:5118/api/employeedetails/getemployeedetails") 
    .then(handleErrors) 
    .then(response => response.json()) 
    .then(json => { 
     this.setState({ jsonReturnedValue: json.results }); 
    }).catch(function(error) { 
     console.log(error); 
    }); 

Answer 2

使用axios。 console.log（応答）を使ってチェックインしてから約束してください。レスポンスは、APIから来たりされていない

Answer 3

いあなたcomponentDidMount()でfetch機能の滞在？このように：

componentDidMount() { 
    fetch('http://localhost:5118/api/employeedetails/getemployeedetails') 
    .then(resp => resp.json()) 
    .then((resp) => { 
    console.log(resp); 
    this.setState({jsonReturnedValue: JSON.stringify(resp)}); 
    }).catch(function(error) { 
    console.log(error); 
    }); 
} 

また、あなたはそれをダンプし、見たいときrespのthis.setState({jsonReturnedValue: JSON.stringify(resp)}) =>文字列化バージョンが使用されなければならないことに注意てください。しかし、あなたがループ（おそらく.mapを使用して）jsonReturnedValue、適切にあなたの従業員のそれぞれをレンダリングすること

（render()で、あなただけの<h1>{ this.state.jsonReturnedValue }</h1>を返したため）、その後、削除してくださいJSON.stringify