Q: Ant Design Table Render calls function continuously I have a  table in ant. The table column has user Ids. I am using a function to take the id and look up the user's name. For some reason, react keeps calling the function continuously. 
In the render function I define the Table Column:  
const columns = [
      {
        title: "Members",
        width: "200px",
        dataIndex: "members",
        key: "members",
        render: members => this.getMemberAvatars(members)
      },

Here is the function being called:
  getMemberAvatars(members) {
    let membersAvatars = [];
    members.forEach(userId => {
      db.collection("users")
        .doc(userId)
        .get()
        .then(doc => membersAvatars.push(doc.data().displayName));
    });
    console.log("getMemberAvatars is running");
    return members;
  }

In the console (continuously):
"getMemberAvatars is running"

It runs over and over. I've tried even a simple function that just returns a console.log - same thing. For some reason my function inside 'render:' are called over and over vs. just once.

A: You should attach an element in your render, let's say
render: (userId) => (
 <Button
  onClick={this.getUserName(userId)}
 >
 </Button>
}

const getUserName = (userId) => (event) => {
  // Do process here
  console.log(userId)
}


A: You get the data in record:
render: (record) => (
 <Button
  onClick={this.getUserName(record)}>
 </Button>
}

getUserName = (record) => {
  console.log(record.userId)
}


A: It depends on number of elements in your data, 
https://codesandbox.io/s/elastic-easley-hu1tt 
Here, since my data array has 4 elements, it executed only 4 times. (check console below code box)
For example if you want to use it for only particular userid
https://codesandbox.io/s/frosty-robinson-hg5o5
