道具是未定義的，但狀態已定義

我正在處理反應，並且我有這3個文件（組件，動作和縮減器）。在這裏，他們是：道具是未定義的，但狀態已定義

cart.js看起來是這樣的：

import React, {Component} from 'react'; 
import { connect } from 'react-redux'; 
import { fetchMyWishlist } from '../actions/index'; 
class Cart extends Component { 

    constructor(props) { 
    super(props); 
    } 

    componentWillMount(){ 
     this.props.fetchMyWishlist(this.props.signedInUserInfo._id); 
    } 
    } 

    renderWishList(){ 
      console.log("ANOTHER TEST:"+ JSON.stringify(this.props.currentCart)); 
    } 

    render(){ 
    return ({this.renderWishlist()}); 
    } 
} 



    function mapStateToProps(state){ 
    console.log("TEST: "+state.bookReducer.currentCart); 
    return { 
     currentCart: state.bookReducer.currentCart 
    }; 
    } 

    export default connect(mapStateToProps, {fetchMyWishlist})(Cart);

我行動是這裏面的動作/ index.js：

export function fetchMyWishlist(userId){ 
    let url = 'http://localhost:3001/cart/'+userId; 
    return function (dispatch) { 
    axios.get(url) 
     .then(response => { 
     dispatch({ 
      type: FETCH_WISHLIST, 
      payload: response.data 
     }); 
     }); 
    } 
}

這裏是我的減速：

import {FETCH_BOOKS} from '../actions/types'; 
import {FETCH_WISHLIST} from '../actions/types'; 
const INITIAL_STATE = { myBooks:[], currentCart:[] }; 

export default function(state = INITIAL_STATE, action) { 
    switch (action.type) { 
    case FETCH_BOOKS: 
     return { ...state, myBooks:action.payload }; 
    case FETCH_WISHLIST: 
     return { ...state, currentCart: action.payload }; 
    default: 
     return state; 
    } 
}

我的問題是，我不明白爲什麼我從2只console.log買這個2分的結果：

TEST: [object Object] 
ANOTHER TEST: undefined

正如你所看到的減速做它的工作，但我不明白爲什麼this.props。 currentCart是未定義的。

來源

2017-04-19 splunk

不應'mapStateToProps'和'出口default'聲明的函數定義是_after_你'Cart'類聲明的右大括號？ –

我認爲你錯誤地將參數傳遞給JSON.stringify。你不應該使用這樣的

console.log("ANOTHER TEST: " + JSON.stringify(this.props.currentCart));

來源

2017-04-19 16:36:19 Panther

試着改變你的方法渲染：

renderWishList(){ 
      console.log(this.props.currentCart); 
    }

看來你要使用JSON.stringify一個參數不是通過附加「另一個JSON測試：因爲它的背景將是窗」，它不會工作

//very wrong 
JSON.stringify("ANOTHER TEST: "+this.props.currentCart));

來源

2017-04-19 17:56:51 cabolanoz

是的，你是對的，我寫了代碼在這裏，但我的電腦中的代碼沒有這個錯字 – splunk

，所以如果你的代碼沒有這個問題，然後嘗試控制檯日誌中的所有道具'renderWishList（）'讓看看發生什麼事 – cabolanoz

this.props.currentCart是不確定的。

如果您在渲染方法中記錄道具的內容，您應該會看到期望的值。

見this :)上結合上下文正確條

來源

2017-04-19 19:23:12

道具是未定義的，但狀態已定義

回答

相關問題