jeffdev
730
2019-04-20 20:23:57 작성 2019-04-20 20:34:40 수정됨
2
200

리액트 axios get 값 질문이요!


import React,{ Component } from 'react';
import './board.css';
import axios from "axios";
import { API_BASE_URL } from '../constants';

const BoardsEndPoint="http://localhost:8080/board/list"
class board extends Component{
state={
boards : []
,board_title:''
}
componentDidMount() {
axios.get("http://localhost:8080/board/list").then(res=>{
boards:res.data;
var boards=JSON.stringify(res);

console.log(res)
  //콘솔에서 res값 찍으면 object값으로 콘솔에 내용 잘보여요~
하지만 boards를 변수로 두고 콘솔에찍히는 컬럼아이디랑 똗같이 찍으면 undefined라고 하는데
이런경우 어떻게 해결해야하는지요??

***질문의 요지는 밑에 랜더부터 값이 안뿌려지네요..
});
}
render() {
var {boards}=this.state;

const board_title='';
return (
<ul>
<div>
{this.state.board_title}
{boards.map(board=>(
<li key={board.state.id}>
{board.board_title}
</li>
))};
</div>
</ul>
)
}
}
export default board;
0
0
  • 답변 2

  • mer
    7
    2019-04-20 20:51:21

    솔직히 질문은 마지막줄 말고 이해가 안되긴 하는데


    Ajax의 결과를 컴퍼넌트에 반영하려한게 목적이라면

    componentDidMount의 boards를 setState로 컴퍼넌트 state에 반영시키는 과정을 빼먹어서 적용이 되지 않는겁니다

    0
  • jeffdev
    730
    2019-04-20 23:03:27

    아 해결했습니다 네네 감사합니다

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.