在浏览器窗口中响应打开的Api响应

Question

我是新来的反应。我正在集成一个支付网关Kiple，其流程如下：

Post -> a窗口将打开->客户输入凭据->响应将返回到指定的url，与Paypal集成行为相同

我是这样做的：

Axios.post("https://uat.kiplepay.com/wcgatewayinit.php", {
        ord_date: "24/11/2020",
        ....    
        
    })
    .then((res) => {
        console.log(res.data);
    })
   .catch(function(error) {
        console.log(error);
    });

此方法虽然成功地调用了API，但以文本的形式返回表单html。不知何故，当这个Api命中时，Kiple表单会在浏览器窗口中打开。

让我知道如何做到这一点。我被困在这一点上了。

Answer 1

响应是字符串吗？如果是这样的话，你可以这样做

    const [response, setResponse] = useState('');
        ...

    Axios.post("https://uat.kiplepay.com/wcgatewayinit.php", {
        ord_date: "24/11/2020",
        ....    
        
    })
    .then((res) => {
        console.log(res.data);
        setResponse(res.data);
    })
   .catch(function(error) {
        console.log(error);
    });
        ...

  return(
      <div dangerouslySetInnerHTML={{ __html: response }} />
  )