Schriftfarbe in React ändern-Code Beispiele

Radu TM

Schriftfarbe in React ändern

JavaScript von Radu TM June 16, 2022

import React, { useState } from "react";

//Komponente, um die Schriftfarbe zu ändern
const ChangeColor = () => {
  //useState-Hook, um die Schriftfarbe zu halten
  const [color, setColor] = useState("red");

  //Funktion zum Bearbeiten der Farbänderung
  const handleChange = (e) => {
    setColor(e.target.value);
  };

  return (
    <div>
      <h1 style={{ color: color }}>Dies ist eine Überschrift</h1>
      <p style={{ color: color }}>Dies ist ein Absatz.</p>
      <input type="text" onChange={handleChange} />
    </div>
  );
};

export default ChangeColor;

0

19.804

Ähnliche JavaScript-Abfragen

Letzte JavaScript Abfragen

Code Beispiele nach Kategorien durchstöbern