如何使用 wordpress react API 在 react 中显示插件内容

Posted 2023-02-19

【中文标题】如何使用 wordpress react API 在 react 中显示插件内容

【英文标题】：How to display plugin content in react using wordpress react API

【发布时间】：2021-04-02 05:29:18

【问题描述】：

我有一个使用知识库插件的 WordPress 博客，现在我想使用 WordPress REST API 将添加到此 KB 的内容显示到我的 react 应用程序中。

现在我可以从我的 wordpress 应用程序中显示正常的帖子和页面，如下所示

componentDidMount() 
    const wordPressSiteURL = clientConfig.siteUrl;

    this.setState(  loading: true , () => 
        axios.get( `$wordPressSiteURL/wp-json/wp/v2/posts/` )
            .then( res => 
                if ( 200 === res.status ) 
                    if ( res.data.length ) 
                        this.setState(  loading: false, posts: res.data  );
                        console.log('test', res.data)
                     else 
                        this.setState(  loading: false, error: 'No Posts Found'  );
                    
                

             )
            .catch( err => this.setState(  loading: false, error: err  ) );
     )

现在如何将我网站中知识库（插件）中的内容显示到我的 React 应用程序？

【问题讨论】：

您需要创建自己的路线（自定义休息路线）。您应该更具体地了解您的插件。

请指定插件名称。有很多知识库插件。也许是插件链接wordpress.org/plugins/echo-knowledge-base？

@AndriiKovalenko 这里是插件minerva-kb.com/topic/home-page-setup

【参考方案1】：

这是标准的 WordPress wp-json 格式。 假设您正在尝试获取某些分类（即“主题”）的内容，

这将为您提供主题列表

/wp-json/wp/v2/topic/

如果你想获取特定主题的元数据

/wp-json/wp/v2/kb?topic=<topic_id>

如果您想获取特定页面的完整详细信息 => /wp-json/wp/v2/kb?topic=<content_id>

请记住post type 是kb，然后检查taxonomy