Estava analisando o codigo, pois não estava entendendo o que se passava com o useState. Minha conclusão:

Após criamos o : const [time,setTime] = useState("") Utilizamos eles no campoTexto e listaSuspensa:

<CampoTexto
                    obrigatorio={true}
                    label="Imagem"
                    placeholder="Digite o endereço da imagem"
                    valor={imagem}    
                    aoAlterado = {valor=> setImagem(valor)}
                />
                <ListaSuspensa
                    obrigatorio={true}
                    label="Times"
                    itens={times}
                    valor={time}
                    aoAlterado = {valor => setTime(valor)}
                />
```	

"valor"={time} recebe de aoAlterado que executa a ArrowFunction "{valor => setTime(valor)}" e depois, nos arquivos campoTexto e listaSuspensa, como foi passado por "props" e estão no contexto do onChange, é executado a função: "props.aoAlterado(evento.target.value"

Assim, depois, exibindo no console.

Minha lógica está correta?