Wordpress REST API 自定义表单提交 - React

Question

想要使用 ReactJS 通过 Wordpress API 发布自定义表单数据。就像我们在 Wordpress 中使用 AJAX 一样使用

jQuery.ajax({
        type: 'POST',
        data: {
            action  : 'formData',  // wp_ajax_nopriv_formData
            data    : formData  // data from form
        },
        url: ajaxurl  // admin.php
    }).done(){...}

Wordpress 和 React 不在同一个域中。我正在使用wp-apiv2。

• 是否有任何关于此的工作示例？ （React 或 Angular）
• 如何使用 OAuth 访问 Wordpress 中的 admin.php 以提交表单？

我想知道如何使用 WP-API 通过 React（作为前端）作为外部调用提交自定义表单，例如

abc.com - 安装了 wp-api 的 Wordpress 域 xyz.com - ReactJS 实现的网站 - 从这里我将调用所有 API 的端点

Answer 1

使用jsx怎么样：

<form onsubmit={()=>{
    jQuery.ajax({
        type: 'POST',
        data: {
            action  : 'formData',  // wp_ajax_nopriv_formData
            data    : formData  // data from form
        },
        url: ajaxurl  // admin.php
    }).done(){...}
}}>
<input type='text' value='hello'></input>
<button type="submit">submit</button>
</form>

或者只使用 React：

'use strict';

React.createElement(
    'form',
    { onsubmit: function onsubmit() {
            jQuery.ajax({
                type: 'POST'
            });
        } },
    React.createElement('input', { type: 'text', value: 'hello' }),
    React.createElement(
        'button',
        { type: 'submit' },
        'submit'
    )
);