使用React Js在数组中未定义数字

Question

我正在尝试遍历数组，但是由于某些原因，分配数字时我的数字返回为未定义。

无效的JS：

const Logos = Array(4).fill("").map((a, p) =>
            <div key={ p } className="columns is-centered">
                <div className="column is-12-mobile is-10-tablet is-10-widescreen">
                    <div className="columns is-multiline is-mobile is-centered logos">
                        { posts[0].node.frontmatter.logos[p + 1] }
                    </div>
                </div>
        </div>
    );

预期结果将是： ...徽标1 ...徽标2 ...徽标3 ... logos4

错误：

Uncaught TypeError: Cannot read property '1' of undefined

这行得通，但是我需要遍历所有4次，而不是一次返回4次。

const Logos = Array(4).fill("").map((a, p) =>
            <div key={ p } className="columns is-centered">
                <div className="column is-12-mobile is-10-tablet is-10-widescreen">
                    <div className="columns is-multiline is-mobile is-centered logos">
                        { posts[0].node.frontmatter.logos1}
                    </div>
                </div>
        </div>
    );