리액트 코드 한 번만 봐주세요.....

Question

class App extends React.Component { constructor(props) { super(props); this.state = { items: [], }; } add = (item) => { call("/todo", "POST", item).then((response) => this.setState({ items: [...this.state.items, response.data], }) ); }; delete = (item) => { call(`/todo?todoId=${item.id}`, "DELETE", null).then((response) => this.setState({ items: this.state.items.filter((todo) => todo.id !== item.id), }) ); }; update = (item) => { call("/todo", "PUT", item).then((response) => this.setState({ items: response.data }) ); }; componentDidMount() { call("/todo", "GET", null).then((response) => { console.log(response); this.setState({ items: response.data }, () => { }); }); console.log("State updated:", this.state); } render() { const { items, loading } = this.state; const todoItems = (items && items.length > 0) ? ( {items.map((item, idx) => ( ))} ) : null; // navigationBar var navigationBar = ( 오늘의 할일 ); } } export default App; 위 코드에 대해서 console.log(response) 값으로는 Array가 잘 찍히는데 this.state에 찍히는 items는 빈 배열로 처리되는 이유가 뭘까요.... 빈 배열로 찍혀서 const todoItems = (items && items.length > 0)의 값이 false가 되면서 이 부분에서도 null로 처리되고 있습니다 ㅜㅜ

저는바보인것같아요 · Answer

그냥 response 를 넣으셔야 할것같은데 .data가 아니라

Brian.P · Answer

리액트가 아니고 뷰인줄..클래스로 쓰는 곳 거의 사라지는 추세인데 이전 프로젝트인가봐요?var도 보이고..

리액트 코드 한 번만 봐주세요.....

2개의 답변

Q&A 목록