React Hooks

Warning: count(): Parameter must be an array or an object that implements Countable in /home/xs638785/agile-software.site/public_html/wp-content/plugins/rich-table-of-content/functions.php on line 490

React Hooksとは？

Functional componentとClass componentを使っていたがFunctional componentにuseState
複雑なクラスコンポーネントを使うことなく関数コンポーネントだけでReact開発を進められる。

ステートを含む処理をコンポーネントから切り離し、再利用することもできる
関数コンポーネントでもステートのように値を管理することができる
コンポーネントの機能を別関数として切り離すことができる

useContext

AからCへ
useStateはステートを作成するためのものです。
2つの変数に戻り値がそれぞれ代入される。

const [変数A,変数B] = useState(初期値)

配列

数字のカウント

const {count, setCount} = useState(0)

チェックボックス

useContextでstateを使う

import React, { useContext } from "react";
import LanguageContext from "./LanguageContext";

export const MainContent = () => {
  const language = useContext(LanguageContext);
  return (
    <section language={language}>
      //何らかの内容
    </section>
  );
};