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

Reactjs 在浏览器窗口中响应打开的Api响应,reactjs,integration,Reactjs,Integration,我是新来的。 我正在集成一个支付网关[Kiple],其流程如下: 使用参数发布Api->将打开一个窗口->客户输入凭据->响应将接收回指定的url[与Paypal集成行为相同] 我正在这样做: Axios.post("https://uat.kiplepay.com/wcgatewayinit.php", { ord_date: "24/11/2020", .... }) .then

我是新来的。 我正在集成一个支付网关[Kiple],其流程如下:

使用参数发布Api->将打开一个窗口->客户输入凭据->响应将接收回指定的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,但以文本形式返回respose中的表单html。不知何故,我希望当这个Api出现时,Kiple表单会在浏览器窗口中打开


让我知道如何实现它。我在这一点上卡住了。

响应是字符串吗?如果是这样,你可以这样做

    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 }} />
  )
const[response,setResponse]=useState(“”);
...
Axios.post(“https://uat.kiplepay.com/wcgatewayinit.php", {
订单日期:“2020年11月24日”,
....    
})
。然后((res)=>{
console.log(res.data);
setResponse(res.data);
})
.catch(函数(错误){
console.log(错误);
});
...
返回(
)