如何等待 Rudderstack JavaScript SDK 的事件请求？

Question

我想在 track 事件或 rudderstack 触发的任何其他事件完成后重定向用户。

正如我在 track 事件中测试的那样，它不会返回承诺。

如何等待请求结束后再进行重定向？

下面是我正在做的一个例子：

// import    
import { track, load, ready, identify } from 'rudder-sdk-js';
[...]

await load(write_key, data_plane_url)

await ready(async () => {
  await identify(hashedId, userInfo);

  await track('ORDER_APPROVED');    
});

history.push('/some-page')

我正在将它与 React btw 一起使用。

Answer 1

您不能在根文件中使用await，它必须包含在async Function 中

将其添加到useEffet 或componentdidmount 函数中并从那里处理它。

// useEffect inside a tsx or js file 
import {useEffect, useState} from 'react'
const App(){
var [userName, setUserName] = useState("")

const loadUserName= async()=>{

 var us =  await // fetch operation
  
  await setUserName(us);
}

useEffect(()=> {
    loadUserName();
},[]) // componentDidMount

return (<p>{userName}</p>)
}