Реагирование JS картирование с помощью Firebase

Question

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

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

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

        <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 />;
  }
}