Olá,
Estou fazendo a formação: Explore o React com o JavaScript.
Fiz o curso React: desenvolvendo com o JavaScript, e agora iniciei o curso React: como os componentes funcionam.
Este, por sua vez, faz continuidade do projeto Organo do curso anterior, porém percebi na aula (criando aoDeletar), que os códigos são diferentes, como também que o curso anterior foi atualizado e o atual não.
Assim, não sei se é possível usar o projeto do Organo do curso anterior, sendo assim, estou na dúvida como proceder?
Vou deixar aqui uma parte do código para comparação:
curso React: desenvolvendo com o JavaScript
src>componentes>time>index.js
import Colaborador from '../Colaborador' import './Time.css'
const Time = (props) => { const css = { backgroundColor: props.corSecundaria }
return (
(props.colaboradores.length > 0) ? <section className='time' style={css}>
<h3 style={{ borderColor: props.corPrimaria }}>{props.nome}</h3>
<div className='colaboradores'>
{props.colaboradores.map( colaborador => <Colaborador corDeFundo={props.corPrimaria} key={colaborador.nome} nome={colaborador.nome} cargo={colaborador.cargo} imagem={colaborador.imagem}/>)}
</div>
</section>
: ''
)
}
export default Time
React: como os componentes funcionam
src>componentes>time>index.js
import Colaborador from '../Colaborador' import './time.css'
const Time = ({ time, colaboradores }) => { return (
colaboradores.length > 0 && <section className='time' style={{ backgroundImage: 'url(/imagens/fundo.png)', backgroundColor: time.corPrimaria }}>
<h3 style={{ borderColor: time.corSecundaria }}>{time.nome}</h3>
<div className='colaboradores'>
{colaboradores.map((colaborador, indice) => <Colaborador key={indice} colaborador={colaborador} corDeFundo={time.corSecundaria} />)}
</div>
</section>
)
}
export default Time
