Não entendi porque o this.props.foto.loginUsuario é utilizado em vez de por exemplo this.props.loginUsuario

Não entendi porque é utilizado e funciona o this.props.foto.loginUsuario ao invés de this.props.loginUsuario. Segue o código que me refiro.

class FotoHeader extends Component {
  render() {
    return (
      <header className="foto-header">
        <figure className="foto-usuario">
          <img
            src={this.props.foto.urlPerfil}
            alt="foto perfil do usuario"
          />
          <figcaption className="foto-usuario">
            <a href="/">{this.props.foto.loginUsuario}</a>
          </figcaption>
        </figure>
        <time className="foto-data">{this.props.foto.horario}</time>
      </header>
    );
  }
}

Obrigada.