seance1 4 annexes 631b2e40c5417 1

if(current===i){className='class1 active'}else{className='class1'} return (<li className={`${className}`} key={d} onClick={()=>setCurrent(i)}>{d}</li>)

Annexe 2 : L'opérateur conditionnel ternaire import "./styles.css"; import React, { useState } from "react"; export default function App() { const [isMember, setIsmember] = useState(false); return ( <div className="App"> <label>est membre?</label> <input type="checkbox" onChange={() => setIsmember(!isMember)} checked={isMember}

Composant Presentation import React from 'react' function Presentation(prop){ return(<div> <h1>nom:{prop.personne.nom}</h1> <h3>age:{prop.personne.age}</h3>

Composant Presentation en utilisant destructing object import React from 'react' function Presentation({personne}){ const {nom,age,adresse:{rue},adresse:{ville}}=personne return(<div>