将React WordPress主题中的表单与自定义联系人表单和WP REST API集成_Wordpress_Forms_Rest_Reactjs

将React WordPress主题中的表单与自定义联系人表单和WP REST API集成

wordpress forms rest reactjs

将React WordPress主题中的表单与自定义联系人表单和WP REST API集成,wordpress,forms,rest,reactjs,Wordpress,Forms,Rest,Reactjs,我已经使用React/Redux和WP REST API构建了一个完全可以工作的WordPress主题作为SPA，但我不需要处理表单，我发现它与WP REST API兼容，但我不知道从哪里开始——我是否遗漏了一些显而易见的东西我已经在管理区域添加了一个表单，但是现在我在API中看不到用于将表单数据发布到的任何端点。有没有人有这方面的经验，可以为我指出正确的方向谢谢：）经过一番努力，我终于成功了因此，您只需要像往常一样在wordpress admin中向页面内容添加表单。看成功发布表单的诀

我已经使用React/Redux和WP REST API构建了一个完全可以工作的WordPress主题作为SPA，但我不需要处理表单，我发现它与WP REST API兼容，但我不知道从哪里开始——我是否遗漏了一些显而易见的东西

我已经在管理区域添加了一个表单，但是现在我在API中看不到用于将表单数据发布到的任何端点。有没有人有这方面的经验，可以为我指出正确的方向

谢谢：）

经过一番努力，我终于成功了

因此，您只需要像往常一样在wordpress admin中向页面内容添加表单。看

成功发布表单的诀窍是将以下标题添加到您向

WP-API

发出的所有请求中，包括

GET

请求。（但最重要的是，当请求包含CCF生成的表单的页面时，页眉应该在那里）

'X-WP-Nonce'：WP\u API\u设置。Nonce

其中，

WP\u API\u设置

由WP API添加到全局范围

插件CCF似乎正在根据请求向表单添加一个nonce令牌，因此如果没有该头，它就不知道如何正确/成功地发布表单

总结：

将表单添加到页面内容（cms管理员内部）
将
```
X-WP-Nonce
```
标题添加到您的请求中
请求页面或帖子（html将位于
```
内容中。呈现）
```


自定义联系人表单
将生成一个具有正确的nonce元数据/令牌的表单
填写表格并点击提交


希望这有帮助
看看我是如何完全解决这个问题的
要获取WP_API_设置对象，您需要登录到站点。这个对象实际上是要在WordPress cms用户界面中使用的。然而，这个问题是为了解决通过WordPress从网站前端发布表单数据，并通过WP Rest API将表单数据发布到数据库的问题。