Na aula 03 - Rotas aninhadas / Desenvolvendo sobre Mim
o professor ao inves de fazer um <img src="http://path-da-imagem/imagem.png">
ele faz um
import fotoSobreMim from "assets/sobre_mim_foto.png"
<img
src={fotoSobreMim}
alt="Foto sorrindo"
className={styles.fotoSobreMim}></img>
Gostaria de saber se no react, inserir imagens atraves de um import é uma pratica comum ou foi feito dessa maneira apenas para fins didaticos?
Tenho essa duvida pois no caso de uma pagina com 10 imagens, eu teria que fazer 10 imports diferentes, estaria certo?