React

by pizza_hamburger_chicken

React

import React, { useState } from 'react';
import ReactDOM from 'react-dom';

const languages = ['JavaScript', 'Python'];


const LangContext = React.createContext(false);

function App() {
  // implement Context here so can be used in child components
  return (
    <MainSection />
  );
}

function MainSection() {
  const [langIndex, setLangIndex] = useState(0);

  const handleChange = (e) => {
    setLangIndex(i => i + 1)
  };

  return (
    <div>
      <p id="favoriteLanguage">Favorite programing language: {languages(0)}</p>
      <button id="changeFavorite" onChange={handleChange}>Toggle language</button>
    </div>
  )
}

ReactDOM.render(
  <App />,
  document.getElementById('root')
);