从Express服务器发出HTTP Post调用并在React Component上呈现响应

时间:2019-06-06 07:01:08

标签: javascript reactjs api express

由于我是React + Express的新手,所以我在弄清楚如何进行POST调用时遇到了麻烦。 我在React上运行了一个客户端应用程序,而在Express上运行了服务器。我有一个用户输入名称的表格。然后,通过对第三方HTTP的POST调用,我必须获取响应并将其显示在React Component上。

有人要求我从服务器端进行HTTP API调用。

帖子调用的正文应采用以下格式:

[
{
"name": //user enters in the input field
}
]

HTTP Post调用的响应格式为:

[
{
"id": //auto generated id
}
]

这是单击按钮后,React Component的代码,我已获取用户输入的名称。

handleSubmit(event) {
        event.preventDefault();
        //Make a post call
        const send= this.state.permissionGroupName;
        const permissionGroupName = {
            permissionGroupName: this.state.permissionGroupName
        };
        PermissionGroupsApi.addNewPermissionGroup(permissionGroupName)
        .then(
            result => {
                console.log(result);
                this.setState({ permissionGroup: result });
            },
            error => {
              this.handleError(error);
            }
        )
        .catch(this.handleError);
    }

现在在服务器端PermissionGroupsApi中,我必须对www.example.com /

进行POST调用

0 个答案:

没有答案