홈>
현재 NHL의 API를 사용하여 하키 응용 프로그램을 만들고 있습니다.
React를 처음 접했을 때 항상 실수입니다. item.map은 함수가 아닙니다.
import React, {Component} from 'react';
class Api extends Component {
constructor(props) {
super(props);
this.state = {
error: null,
isLoaded: false,
items: []
};
}
componentDidMount() {
fetch("https://statsapi.web.nhl.com/api/v1/divisions/1")
.then(res => res.json())
.then(
(result) => {
this.setState({
isLoaded: true,
items: result.items
});
},
// Note: it's important to handle errors here
// instead of a catch() block so that we don't swallow
// exceptions from actual bugs in components.
(error) => {
this.setState({
isLoaded: true,
error
});
}
)
}
render() {
const { error, isLoaded, items } = this.state;
if (error) {
return <div>Error: {error.message}</div>;
} else if (!isLoaded) {
return <div>Loading...</div>;
} else {
return (
<ul>
<li key={item.id}>{item.name}</li>
</ul>
);
}
}
}
export default Api
오류는 분명히 렌더링 기능에 있지만 오류를 해결할 수없는 것 같습니다!
도움을 주셔서 감사합니다.
존
-
답변 # 1
관련 자료
- reactjs - undefined는 함수가 아닙니다 ( '… datamap…'근처) | 기본 반응
- reactjs - React Hook은 React 함수 구성 요소 또는 사용자 지정 React Hook 함수가 아닌 함수에서 호출됩니다
- arrays - 반응을 사용하여 함수에서 인덱스가 작동하는 방식
- reactjs - map 함수가 반응 js의 모든 데이터를 렌더링하지 않습니다
- javascript - 반응 js에서 효과 기능을 사용하면 끝이 잘 작동하는 동안 가져 오라고 말합니다
- javascript - react에서 arraymap 함수를 어떻게 수정할 수 있습니까?
- reactjs - 반응 - this = 정의되지 않음, 내 함수에 소품을 전달하는 방법
- javascript - 반응 - "typeerror : undefined는 함수가 아닙니다 ( '… formfieldsmap…'근처)"
- javascript - React useEffect는 함수 변수를 업데이트 할 수 없습니다
- reactjs - 이 React 람다 함수에 값을 어떻게 저장할 수 있습니까?
- reactjs - 반응 구성 요소가 마운트 해제되었을 때 기능을 전달할 수 있습니까? (반응 기능성 구성품)
- reactjs - typeerror - patientmap은 함수가 아닙니다 react js
- reactjs - Class Component와 함수 간 데이터 전달 (React)
- javascript - React JS의 다른 함수에서 setTimeout을 clearTimeout하는 방법은 무엇입니까?
- javascript - React에서 thissetState가 setTimeout/setInterval 내의 함수 오류가 아닙니다
- javascript - 반응 - 객체 내부의 객체로 함수 호출
- javascript - React 컴포넌트에서 매분 함수를 호출하는 방법은 무엇입니까?
- reactjs - 리듀서의 React Redux Assign Arrow 기능 경고
- 반응 테이블 7에 사용자 정의 정렬 기능을 어떻게 제공합니까?
- javascript - react native - selecteddaysincludes는 함수가 아닙니다
관련 질문
- javascript - 특정 시간대로 UTC 시간 변환 시도
- javascript - JQuery의 ERR_ABORTED 429 (너무 많은 요청)
- reactjs - 상태에서 매핑 된 목록 항목 순환 (javascript)
- javascript - enoent - react-native 프로젝트에서 react-navigation을 설치할 때 그러한 파일이나 디렉토리가 없습니다
- javascript - video-react - handlestatechange는 한 번만 호출되어야 할 때 여러 번 호출됩니다
- javascript - NextJs는 서버 측 렌더링을 통해 facebook 태그를 렌더링합니다
- reactjs - 자바 스크립트에서 UTC에서 초 단위로 시간대 변경 변환
- javascript - 컴포넌트가 렌더링되기 전에 한 번만 Hook 호출 (Meteor/React/Apollo/Graphql)
- javascript - 내 디 바운스 기능이 후크가있는 React 앱에서 작동하지 않는 이유는 무엇입니까?
- javascript - 다른 결과를 얻는 필터링 된 데이터 인쇄
당신은
items.map()
를 호출하지 않습니다 어딘가에. 이것을 시도하십시오 :result.items
인 경우 작동합니다 배열입니다.