React Hooks og Context API

Nyeste poster

60
React Hooks og Context API

State kontroll med React Hooks og Context API.

Fra den offisielle React dokumentasjonen: “Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.”

useState Hook useContext Hook

import React from “react”; import ReactDOM from “react-dom”;

import “./styles.css”;

function App() { const[theme, setTheme]: React.useState(“red”);

const onClickHandler: () => { setTheme( theme === “red”? “blue”: “red”); }

return ( <button onClick: {onClickHandler}>Change theme ); }

function Text({theme}) { return(

const rootElement: document.getElementById(“root”); ReactDOM.render(, rootElement);

Fra den offisielle React dokumentasjonen: “Context provides a way to pass data through the component tree without having to pass props down manually at every level.”

×
×

Publiseringdetaljer

  • Postet opprinnelig:
  • Sist oppdatert:

Lesedetaljer

  • Antall ord: 109 ord
  • Lesetid: 1 minutt(er)

Versjoneringdetaljer

  • Commit hash for siste oppdatering: 37800ac
  • Dato for siste oppdateting: 2023-11-09
  • Navn på commit: 'Update reference for all posts'