Can't seem to acces post object data

[dylantendonkelaar1]

Hi, recently i’ve started rebuilding my company’s site with Frontity. It’s my first time using React at all so still got a long way to go. Problem i’m having is that i can not for the life of me seem to access the data i need from an ACF post object field. The site has the following hierarchy:

1. index.js which contains a component.
2. sections.js which contains flexible content fields and two maps. the second map sents a ‘inhoud’ (content) prop to the next file. So we’ve got a top component and then a component.
3. featuredpage.js which contains the actual component config.

In the featuredpage.js file i’m getting the content from the ‘inhoud’ prop. I then try to map over the actual featured pages, which does succeed. I’m able to return the ID here and HTML. Using the below code i can’t seem to get the rest of the data like the URL which i need. I feel like there’s something wrong with the state but i don’t know where to go from here. Logging thisPost returns undefined. Anyone able to help me out?

Featuredpage.js

import React, { useEffect } from 'react';
import { connect, styled } from 'frontity';
import Row from 'react-bootstrap/Row';

const Featuredpage = ({ state, inhoud, actions}) => {
    const { stijl, hoek, layout, paginas, title } = inhoud;
    return (
        <Row>
            {stijl &&
                <div className="col-12 my-5">
                    <h2>{stijl}</h2>
                </div>
            }
                {paginas && paginas.map((pagina, index) => {
                    const thisPost = state.source[pagina.post_type][pagina.id];
                    return (
                        <>
                            <h1>{pagina.ID}</h1>
                            {/* <h2>{thisPost.link}</h2> */}
                        </>
                    )
                })}
        </Row>
    )
}

export default connect(Featuredpage);

[gideonjb]

Edited because I saw you mapped differently than I originally read.

Can you try logging what you are getting from paginas, and maybe generally from inhoud? Maybe you are not passing the prop correctly.

[dylantendonkelaar1]

Hi Gideon, thanks for replying. I’ve logged both inhoud and pagina, the response is seen in the screenshot below.

Inhoud does return the correct pages as seen by the object ID’s. Pagina does also return the right individual page as seen by the ID’s. I just can’t seem to access them by using the state.source.

[gideonjb]

Sorry for the late reply, I was out of town.
Not sure if you’ve figured it out yet, but you don’t appear to have a quality of “id” under pagina. It is capitalized, so try:

const thisPost = state.source[pagina.post_type][pagina.ID]