18034 sujets

Questions générales et questions de débutants

Probleme img avec react.js

bonjour a tous Smiley smile

j'ai besoin de votre aide car je n'arrive pas a afficher une image avec react.js.
apres recherche je n'ai pas trouver de solution alors si quelqu'un peut m'éclairer sa m'arrangerais.
je vous joint des image pour que vous puissiez avoir toute les infos.
thanks Smiley biggrin 


import React from 'react'
import './App.css'
import img from "../src/img/Logo.png"

class App extends React.Component{
  render(){
    return(
      <img src="{logo}" alt="logo lr" />
    )
  }
}

export default App;


upload/1570657917-71734-capturedaeacran2019-10-09aa23.png
upload/1570657936-71734-capturedaeacran2019-10-09aa23.png
Modifié par Lucrampro (09 Oct 2019 - 23:55)
Hello,

Si tu retires les guillements dans l'attribut src ?
D'ailleurs la variable "logo" n'existe pas donc, essaie <img src={img} />
Modifié par allan00958 (10 Oct 2019 - 11:28)
Modérateur
Et l'eau,

Normalement, ça devrait un truc comme : 

import React, { Component } from 'react';
import img from './img/logo.png';

export default class App extends Component{
    constructor(props){
        super(props);
    }

    render(){
        return (
            <div className="App">
              <header className="App-header">
                <img src={img} alt="mon image" />
              </header>
            </div>
        )
    }
}
salut
il faut absolument une Majuscule sur le nom de ton component !! (tu es en React)
et tu n'as pas besoin de creer une classe pour ça !!

import React from 'react'
import Img from './img/logo.png'

const App = () => {
return (
<div className="App">
<header className="App-header">
<img src={Img} alt="mon image" />
</header>
</div>
)
}

export default App
Sujet clos
Aller à