test2.txt

import {Component} from 'react';
import Footer from '../components/Footer';
import Logo from '../components/logo';
import Navigation from '../components/Navigation';





class Logement extends Component {
   
    constructor(props) {
        super(props);
        this.state = {
            logementData:{},

        };
    }
    
    componentDidMount() {
        const { id } = this.props.match.params

        fetch(`http://localhost:3000//annonces.json?id=${id}`)
            .then(res => res.json())
            .then((result) => {
                this.setState({
                 logementData : this.props.match.params});
            },
        )
    }
    
    render(){
  
        console.log("Test ", this.props)
        console.log("111", this.props.match.params)
        console.log('this state', )
        const {  id  } = this.props.match.params
        

        
      
       
     
        return(
            <div className="home">
                <Logo />
                <Navigation />
                <div><h1>test: {id} </h1></div>
                <Footer />
            </div>
        )
    }
}

export default Logement;