홈>
저는 기본적으로 사용자가 좋아하거나 싫어하는 애완 동물의 색인을 저장하려는 redux 데이터 저장소를 만들었습니다. TypeError : .push가 정의되지 않은 경우 오류가 발생하는 문제에 직면하고 있습니다. 여기에 언급 된 기본 redux 자습서를 따르고 있습니다. https://www.youtube.com/watch? v = KcC8KZ_Ga2M 배열에서 정수를 푸시 할 때 배열이 먼저 정의 된 다음 정의되지 않았다는 사실에 혼동됩니다.
ProfileApp.js
class ProfileApp extends React.Component {
constructor(props) {
super(props)
.........(Truncated for brevity)
.........(Truncated for brevity)
}
componentWillMount() {
.........(Truncated for brevity)
this.props.likePets(this.state.currentIndex);
.........(Truncated for brevity)
this.props.dislikePets(this.state.currentIndex);
}
function mapStateToProps(state){
return {
likedPets: state.likedPets,
dislikedPets: state.dislikedPets
}
}
function mapDispatchToProps(dispatch){
return{
likePets: (i)=> dispatch({type:'LIKE_PETS'}),
dislikePets: (i)=> dispatch({type:'DISLIKE_PETS'})
}
}
export default connect(mapStateToProps)(ProfileApp)
App.js
import ProfileApp from './src/ProfileApp';
import {Provider} from 'react-redux';/
const initialState = {
likedPets: [],
dislikedPets: []
}
const reducer = (state = initialState, action) =>{
console.log(state.likedPets)
console.log(state.dislikedPets)
switch (action.type){
case 'LIKE_PETS':
return{likedPets: likedPets.push(action.index)}
case 'DISLIKE_PETS':
return{dislikedPets:dislikedPets.push(action.index)}
}
return state
}
const store = createStore(reducer);
export default class App extends React.Component {
render() {
return (
<Provider store = {store}>
<ProfileApp></ProfileApp>
</Provider>
)
}
}
콘솔에서이 코드를 처음 컴파일 할 때의 출력은 다음과 같습니다.
초기로드 중 :
Array []
Array []
Running application "main" with appParams:.....(Trimed)
사용자 행동 : 애완 동물처럼
Array []
Array []
사용자 행동 : 다른 애완 동물처럼
1
undefined
-
답변 # 1
관련 자료
- javascript - typeerror - 정의되지 않은 'match'속성을 읽을 수 없습니다 (react 및 graphql)
- node.js - "typeerror - expressjs rest api에서 'body'속성을 정의 할 수 없습니다 '수정하는 방법
- react native - typeerror - undefined가 객체가 아닙니다 ( '_ thispropsnavigationstateparamsdatasmap 평가)
- reactjs - 잡히지 않은 typeerror - usestate에서 구성 요소를 저장할 때 정의되지 않은 속성 'props'를 설정할 수 없습니다
- auth0 - 개발 환경에서 정의되지 않은 TypeError, 'digest'
- react native android - typeerror - 정의되지 않은 'getcurrentuserasync'속성을 읽을 수 없습니다
- javascript - typeerror - 정의되지 않은 'extendedprops'속성을 읽을 수 없습니다
- reactjs - typeerror - 정의되지 않은 또는 null 참조의 'text'속성을 가져올 수 없습니다
- angular - error typeerror를 수정하는 방법 - "_coloadedrecipe가 정의되지 않았습니다", error 오류 :"[object object]"
- reactjs - typeerror - 정의되지 않은 'coinname'속성을 읽을 수 없습니다
- javascript - 차트에서 데이터를 삭제 한 후 "typeerror - 정의되지 않은 속성 'pos'를 읽을 수 없습니다"
- javascript - typeerror - 정의되지 않은 'searchcontact'속성을 읽을 수 없습니다
- angular - error typeerror - "thisprofileservicegetuserprofile (…)이 정의되지 않았습니다"
- javascript - 잡히지 않은 typeerror - 정의되지 않은 'tb'속성을 읽을 수 없습니다
- reactjs - typeerror - react에서 정의되지 않은 'preventdefault'속성을 읽을 수 없습니다
- javascript - typeerror - 정의되지 않은 'authenticateuser'속성을 읽을 수 없습니다
- react native - flatlist renderitem 오류, typeerror - 정의되지 않음 ( 'itemid'평가)
- javascript - got typeerror - mochawesome 보고서를 생성 할 때 cypress를 사용하여 정의되지 않은 속성 'pass'를 읽을 수 없습니다
- sweetalert2 typeerror - 이것은 v8 업그레이드 후 정의되지 않습니다
- javascript - typeerror - 정의되지 않은 'updateone'속성을 읽을 수 없습니다
관련 질문
- javascript - 반응, const 구성 요소 자식에서 부모의 const 구성 요소 변수 설정
- javascript - enoent - react-native 프로젝트에서 react-navigation을 설치할 때 그러한 파일이나 디렉토리가 없습니다
- javascript - react native 오류 실패한 소품 유형 - `오버레이`에 제공된`배열`유형의 잘못된 소품`하위`,
- javascript - react-redux - 시도 된 가져 오기 오류 : '/components/score'에 기본 내보내기가 포함되어 있지 않습니다 ( 'score'로 가져옴)
- javascript - thissetState로 네이티브 업데이트 상태 반응
- javascript - 누군가가 주를 해제하기 위해 부모 파일을 결정하는 방법을 설명 할 수 있습니까?
- reactjs - 자바 스크립트에서 UTC에서 초 단위로 시간대 변경 변환
- javascript - 로컬 API에서 데이터 가져 오기
- javascript - react native - 상태 변수를 사용하는 'typeerror : undefined is not an object'
- javascript - reactjs - 다른 구성 요소 항목에서 툴바 상태에 액세스
연결할 때 mapDispatchToProps를 전달해야합니다 :
to
감속기에 상태를 전파해야합니다 :
to
그렇지 않으면 상점의 상태를 싫어하는 애완 동물이없는 개체로 덮어 씁니다.
배열의 push 메소드는 배열의 길이를 반환합니다.
로 바꾸십시오action.index가 추가 된 현재 상태 (likedPets) 인 배열을 얻으려면