React 3. 変数ではなく反応状態を使う(usStateの出現)

データ#データ#

変数または

州または

useState()という名前の関数はstateを作成できます.
この機能を使用するにはimport{usState}from「react」を追加します.
上部にアタッチ
リアクターのデータストレージ空間状態を作成する方法
国
1.変数の代わりに書き込まれるデータ記憶領域
2.usState()を使用して作成する必要があります
まだ2つのデータが残っています.[データ1,データ2]この配列を保持
destructuring構文
var [name, age] = ['Kim', 20]
3.文字、数字、配列、オブジェクトを保存できます
let[文章タイトル、文章タイトルを変更]=usState(「メンズコートをお勧め」);
以上のように、aとbという変数が作成されます.
aは「メンズコートおすすめ」という重要なデータのstateです.
bという変数には、「男性用コートの推奨」という関数が含まれており、データの変更に役立ちます.

import React, { useState } from 'react';
import './App.css'

function App(){
 
  let [글제목, 글제목변경] = useState( ['남자 코트 추천', '강남 우동 맛집'] );

  return (
    <div className="App">
      <div className="black-nav">
        <div>개발 blog</div>
      </div>
      <div className="list">
        <h3>{ 글제목[0] }</h3>
        <p>2월 17일 발행</p>
        <hr/>
      </div>
      <div className="list">
        <h3>{ 글제목[1] }</h3>
        <p>2월 17일 발행</p>
        <hr/>
      </div>
    </div>
  )
}

変数を書けばいいのにどうしてstateを書かなければならないのですか?
stateの良さがあるから!
Appのようにネットワークをスムーズにしたい場合は、
stateにデータを保存する必要があります.
文章のテーマ、文章の順序などが変わる可能性があります.
stateで作成したデータに変更した場合は、データを含むHTMLを再読み込みします
タイトルのソート、変更などの操作を行うと、ページはリフレッシュせずに再表示されます.
=HTML変更は更新されません
頻繁に変更される重要なデータは変数ではありません.
使用のためにstateに保存
データをStateとして保存する必要はありません.
ex)ロゴ名