reactjs - How to access nested state from redux

Question

I have a simple React App that has a redux store This is its structure

AppState Structur:
rawMarketData: {
    isLoading: boolean
    results?: {
        date: string
        logs: [
            {
                sessionIndex: number
                time: string
                price: number
            },
            ...
        ]
    }
    error?: any  
}

I create a Test class component to access the state, when I call the action to get the Data everything works fine But when I try to access the logs property (from the example above) I get undefined but when accessing results it works!

import React from 'react'
import { connect } from 'react-redux';

interface MarketDataLog {
    sessionIndex: number
    time: string
    price: number
}

interface RawMarketDataResults {
    date: string
    logs: MarketDataLog[]
}

interface RawMarketDataLogState {
    isLoading: boolean
    results?: RawMarketDataResults
    error?: any
}

interface AppState {
    rawMarketData: RawMarketDataLogState
}
//All of the above is the app state structure 



interface MyProps {
    rawData: RawMarketDataResults | undefined
}

class TestFile extends React.Component<MyProps> {
    render() {
        console.log('this is { results: { date, logs[] } }' + JSON.stringify(this.props.rawData)) //Works Good
        console.log('this is the { results: { logs[] } ' + JSON.stringify(this.props.rawData?.logs)) // Undefined

        return (
            <div>
                {this.props.rawData ? 'there is Data in State' : 'No data in state'}
            </div>
        );
    }
}

const mapStateToProps = (state: AppState) => {
    return { rawData: state.rawMarketData.results }
}

export default connect(mapStateToProps)(TestFile)

what am I doing wrong?

question from:https://stackoverflow.com/questions/65948440/how-to-access-nested-state-from-redux

Answer 1

The Problem was a missing [] in RawMarketDataResults

interface RawMarketDataLogState { isLoading: boolean results?: RawMarketDataResults[] error?: any }

Fixed