無法從終極版訪問內部部件嵌套數據對象

我使用反應和終極版和我有一個對象，它是對終極版商店，上面的截圖是在終極版被映射到一個組件內的道具的數據狀態：

class Users extends Component { 
    constructor(props) { 
     super(props); 
    } 

    componentWillMount() { 
     this.props.dispatch(fetchUsers()); 
    } 

    render() { 
     console.log(this.props.users); 
     return (
      <div className="users"> 
      {React.cloneElement(this.props.children, { 
       this.props.users 
      })} 
      </div> 
     ); 
    } 
} 

const mapStateToProps = (state) => ({ 
    users: state.users[0] 
}); 

export default connect(mapStateToProps)(Users); 

// reducer 
import { createReducer } from '../utils/helpers'; 
users: createReducer(initialData, { 
    [FETCH_USERS](state, action) { 
     return [action.payload, ...state]; 
    } 
}), 

//saga 
function* watchFetchUsers() { 
    while(true) { 
     yield take(FETCH_USERS); 
     try { 
      const users = yield call(api.fetchUserData); 
      yield put({ type:FETCH_USERS, payload: users });  
     } catch (err) { 
      yield put({ type:SIGNOUT, status: err }); 
     } 
    } 
}

的問題是，我可以登錄這個數據與console.log(this.props.users) 但內的console.log(this.props.users.data)或console.log(this.props.users.data[0])它帶回來錯誤「數據」未定義我無法訪問數據。任何人都可以告訴我問題是什麼？

來源

2017-02-18 Bryan Foong

這個問題很混亂......用戶是一個數組還是一個對象？這個用戶是異步獲取的嗎？ – Canastro

道具用戶是一個對象。是的，我有一個操作派發，用於獲取componentWillMount（）函數中的用戶。 –

你可以發佈你的減速器代碼，所以我們可以更好地瞭解狀態？ –

好吧我想我不能引用嵌套的數據最初是因爲數據沒有呈現到組件中，因爲它調度一個操作來異步檢索數據，因此返回'數據'未定義的錯誤。我得到這個工作，通過使用狀態來檢查數據是否準備就緒：

constructor(props) { 
    super(props); 
    this.state = { 
     data: null 
    }; 
} 

componentWillReceiveProps(nextProps) { 
    if (nextProps) { 
     this.setState({ 
      data: true 
     }); 
    } 
} 

render() { 
    return (
     <div className="users"> 
      {this.state.data ? React.cloneElement(this.props.children, { 
       users: this.props.users 
      }) : ''} 
     </div> 
    ); 
}

來源

2017-02-18 19:30:25

無法從終極版訪問內部部件嵌套數據對象

回答

相關問題