Les props

Les props sont un mécanisme à utiliser lorsque vous souhaitez transmettre une information à un composant. Par exemple si vous voulez que votre composant Hello dise bonjour à la bonne personne (pour moi "Hello Mari").

const Hello = (props) => {
  return (
    <article className="heading" >
        <h1>Hello {props.firstName}</h1>
        <p>Comment ça va ?</p>
    </article>
  )
}

export default Hello;

import Hello from './Hello.jsx';

function App() {

  return (
    <Hello firstName="Mari"/>
  )
}

Les props sont en lecture seule, cela veut dire qu'un composant ne peut pas modifier ses props, cette restriction est en place pour imposer une certaine rigueur dans le flux des informations au sein des composants React.

26 January 2026