6

Não sei como descrever por isso não consegui achar informação sobre. kkk

No final do código ao exportar o "connect", o que faz o segundo parêntesis? Como se chama essa sintaxe?

import React from 'react';
import { connect } from 'react-redux';

const Sidebar = ({ modules }) => (
    <aside>
        { modules.map( itModule => (
            <div key={itModule.id}>
                <strong>{itModule.title}</strong>
                <ul> 
                    {itModule.lessons.map( itLesson =>(
                        <li key={itLesson.id}>
                            {itLesson.title}
                        </li>
                    ))}
                </ul>
            </div>
        ))}
    </aside>
);

export default connect( state => ({ modules: state }))(Sidebar); // <---------<<

1

2 Respostas 2

13

A função connect() está retornando uma função. Então quando você faz connect()(Sidebar), você está passando Sidebar como parâmetro pra função retornada por connect e invocando-a. Um exemplo mais simples:

// Essa função recebe um parâmetro umNumero. Aí ela retorna outra função, 
// que recebe outroNumero e soma com umNumero.
function soma(umNumero) {
    return (outroNumero) => umNumero + outroNumero;
}

soma(2)(3) // 5
6

Talvez fique mais fácil de entender a resposta do Allan Juan se você atribuir o retorno da função de alta ordem a uma variável.

function soma(umNumero) {
    return (outroNumero) => umNumero + outroNumero;
}

let somaDois = soma(2) // i.e., somaDois é a função (outroNumero) => 2 + outroNumero
let somaTres = soma(3) // i.e., somaTres é a função (outroNumero) => 3 + outroNumero

let resultado1 = somaDois(3)
let resultado2 = somaTres(4)

console.log(soma(2)(3), resultado1, resultado2)

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .