Сопоставление React JS с помощью firebase

Я пытаюсь сопоставить с функцией стрелки из двух коллекций в firebase, поэтому:

Как сопоставить две разные коллекции с помощью одной стрелочной функции?

Пытаюсь сделать это, но не могу найти способ познакомить пользователей.

        <tbody>
          {clients.map((client, user) => (
            <tr>
              <td>{user.userName}</td>
              <td>{client.email}</td>
              <td>{client.balance}</td>
            </tr>
          ))}
        </tbody>

полный пример

class Clients extends Component {
  state = {};

  render() {
    const { clients, users } = this.props;

    if ((clients, users)) {
      return (
        <div>
          <div className = "row">
            <div className = "col-md-6 text-center text-info">
              <h2>
                <i className = "fas fa-comments" /> Micro Bloggin
              </h2>
            </div>
          </div>
          <table className = "table table-striped">
              <thead className = "thead-inverse">
                  <tr>
                      <th>User</th>
                      <th>Topic</th>
                      <th>Date</th>
                  </tr>
              </thead>
              <tbody />
              <tbody>
                  {clients.map(client => (
                      <tr>
                          <td>{client.firstName}</td>
                          <td>{client.email}</td>
                          <td>{client.balance}</td>
                          <td>
                              <Link
                                  to = {`/client/${client.id}`}
                                  className = "btn btn-info btn-sm"
                              >
                                  <i className = "fas fa-arrow-circle-right" /> Read More
                              </Link>
                          </td>
                      </tr>
                  ))}
              </tbody>
          </table>
      </div>
      );
  } else {
      return <Spinner />;
  }
}