javascript - 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'
    )
);