reactjs - async calls with antd table in react

Question

I'm using a table from the antd framework. One of the columns should conditionally render a button. The problem is the condition is an async call and hence takes time. Now the column doesn't get displayed at all (I'm assuming bc it takes too long).

{
      title: "myTitle",
      dataIndex: "myIndex",
      key: 1,
      render: (text, record) => {
        return <MyButton/>;
      },
    },

but with the async call it does not:

    {
          title: "myTitle",
          dataIndex: "myIndex",
          key: 1,
          render: async (text, record) => {  
          const res = await request({ url: `myUrl/${record.id}` });
          if (res.data.length) return <MyButton />
          return text;
   },

How could I make this work?

question from:https://stackoverflow.com/questions/65925493/async-calls-with-antd-table-in-react

Answer 1

Waitting for answers