Modificați culoarea fontului în React-Exemple de cod

Radu TM

Modificați culoarea fontului în React

JavaScript de Radu TM June 16, 2022

import React, { useState } from "react";

//Componenta pentru a schimba culoarea fontului
const ChangeColor = () => {
  //useState hook pentru a ține culoarea fontului
  const [color, setColor] = useState("red");

  //funcția pentru a gestiona schimbarea culorii
  const handleChange = (e) => {
    setColor(e.target.value);
  };

  return (
    <div>
      <h1 style={{ color: color }}>Acesta este un titlu</h1>
      <p style={{ color: color }}>Acesta este un paragraf.</p>
      <input type="text" onChange={handleChange} />
    </div>
  );
};

export default ChangeColor;

0

28.975

Întrebări conexe JavaScript

Cele mai recente interogări JavaScript

Explorați exemplele de cod pe categorii