1
resposta

Adicionando imagem salva no pc

A minha dúvida é: Como faço no react para adicionar imagem a partir do pc, não usando a forma de link.

1 resposta

Boa tarde Isaqui, o ideal é que seja adicionada uma pasta no seu projeto, na pasta ./src para armazenar os seus arquivos estáticos, algo como, assets.

Depois de criada essa pasta e adicionado os seus arquivos é só fazer o import, imaginamos esse ambiente:

src
    - assets
        - logo-small.png
    -  components
        - Header.jsx

Então, estamos atualmente trabalhando no arquivo Header.jsx. Para importamos a imagem que adicionamos na pasta é só fazer o import:

import Logo from ./../assets/logo-small.png

Nesse caso, armazenas em Logo a imagem que adicionamos na página e já podemos utilizar no nosso component, um exemplo disso seria:

export const Header = () => {
    return (
        <header>
            <img src={Logo} />
        </header>
    )
}

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software