クラス構成部品

3360 ワード

使用方法クラス構成部品テキストリンク

ジェネリック構成部品を実際の構成部品として使用する場合は、
反応器が提供する素子機能をインポートする必要があります.

import {Component} from "react"

これにより、コンポーネントをロードしてクラスに書き込むことができます.

反応器から素子の機能を継承した.

export default class ClassComponentLifecycePage extends Component

後にextends Componentが追加されました

ジェネリック構成部品では、直接戻ることはできません.

render() {
  return (
    
  )
}

これによりrender関数にリターン文を書くことが有効になります

上の写真ではsetStateという機能はどこにも作成されていませんが、書き込まれています.
クラス構成部品にステータス変更関数を作成する必要はありません.
これは反応器からComponentという機能が導入されたためである.

onClickCount = () => {
    this.setState((prev: IState) => ({
      count: prev.count + 1,
    }));
  };

したがってsetStateを作成する必要はなく、このように書くこともできます.

state = {
  count: 0
}

このようにstateを書いてバインドする場合

this.state.count

前にthisというキーワードをつける

この問題について(クラス構成部品), 我々は、より多くの情報をここで見つけました https://velog.io/@byungjin0120/클래스형-컴포넌트

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol