Changer la couleur de la police dans React-Exemples de code

import React, { useState } from "react";

//Composant pour changer la couleur de la police
const ChangeColor = () => {
  //utiliser l'état du crochet pour maintenir la couleur de la police
  const [color, setColor] = useState("red");

  //fonction pour gérer le changement de couleur
  const handleChange = (e) => {
    setColor(e.target.value);
  };

  return (
    <div>
      <h1 style={{ color: color }}>Ceci est un en-tête</h1>
      <p style={{ color: color }}>Ceci est un paragraphe.</p>
      <input type="text" onChange={handleChange} />
    </div>
  );
};

export default ChangeColor;