A minha dúvida é: Como faço no react para adicionar imagem a partir do pc, não usando a forma de link.
A minha dúvida é: Como faço no react para adicionar imagem a partir do pc, não usando a forma de link.
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.