홈>
저는 기본적으로 사용자가 좋아하거나 싫어하는 애완 동물의 색인을 저장하려는 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 : 배열 (API에 전달할 데이터를 빌드하는 데만 해당 데이터를 빌드하는 것)이 있어야합니까?
- javascript : Onpress 이벤트는 React Native Expo에서 작동하지 않습니다
- javascript : 대응 5 인증 화면 탐색 및 Redux 저장소의 문제
- javascript : 깊이 중첩 된 탐색을 처리하는 방법
- JavaScript : 스타일을주는 방법
- javascript : 반응 -원주민을 사용하여 MS SQL 데이터베이스를 연결하는 방법?
- javascript : 이벤트 후로드 된 데이터를 삭제 /청소하는 방법
- javascript : 양식을 제출할 때 습윤 이용이 작동하지 않습니다
- reactjs : Google API 주변 검색 JSON 데이터를 반응 JS로 가져 오는 것
- javascript : 절대 항목을 표시하지만 클릭 할 수있는 방법은 무엇입니까?
연결할 때 mapDispatchToProps를 전달해야합니다 :
to
감속기에 상태를 전파해야합니다 :
to
그렇지 않으면 상점의 상태를 싫어하는 애완 동물이없는 개체로 덮어 씁니다.
배열의 push 메소드는 배열의 길이를 반환합니다.
로 바꾸십시오action.index가 추가 된 현재 상태 (likedPets) 인 배열을 얻으려면