我试图在静态html页面上加载WordPress之外的帖子。到目前为止，我有一个使用React的工作示例，http://v2.wp-api.org/ 和https://github.com/mzabriskie/axios. 这个使用react的工作示例当前可以正确显示帖子，但它很脆弱，没有后退。这里是Codepen示例，https://codepen.io/krogsgard/pen/NRBqPp/

我使用此示例使用axios获取提要源axios.get(this.props.source). 然后，我使用examples react函数获取我最近的三篇帖子，包括标题和图片，并通过

 render: function render() {
    return React.createElement(
        "div",
        { className: "post-wrapper" },
        this.state.posts.map(function (post) {
            return React.createElement(
                "div",
                { key: post.link, className: "post" },
                React.createElement(
                    "h2",
                    { className: "post-title" },
                    React.createElement("a", {
                        href: post.link,
                        dangerouslySetInnerHTML: { __html: post.title.rendered }
                    })
                ),
                post.featured_media ? React.createElement(
                    "a",
                    { href: post.link },
                    React.createElement("img", { src: post._embedded[\'wp:featuredmedia\'][0].source_url })
                ) : null
            );
        })
    );
}

我博客的源wp json是

React.render(React.createElement(App, { source: 
"myBlogURL.com/wp-json/wp/v2/posts/?_embed&per_page=3" }), 
document.querySelector("#blog-post"));

将我最近的3篇博文正确加载到<div id="blog-posts">我正在寻找一种普通的js方法来与一些后备助手一起实现这一点。如果我忘了在帖子中添加特色图片，帖子将不会加载失败。任何想法或例子都将不胜感激！