[React] class And function component

3206 ワード

React TIL テキストリンク

反応は素子

classで構成部品を作成することもできます.
関数にすることもできます.
classはreactのComponentを継承することができます.
関数は、通常の関数キーで作成できます.

// class Component
import React, {Component} from 'react';

class Button extends Componenet {
  state = {
    likeNumber: 0,
  };

  render() {
    return (
      <button>{this.state.likeNumber}</button>
    );
  };
}

export default Button;


// function Component
function Button(props) {
  return <button>{props.number}</button>
}

要素に상태(state)があり、その状態に応じて更新する必要がある場合、class要素を使用することができる.
要素内には상태(state)はなく、静的要素はfunction要素であってもよい.
(react hookを使用すると、関数要素はクラスのようにライフサイクルと状態を使用することもできます)

class componentを利用してすべてすることができますどうしてhookに反応しますか?

類の概念は困難で、

このキーワードの省略&binding問題

関数式プログラミング

より簡単な構文

類より軽い

Reference

この問題について([React] class And function component), 我々は、より多くの情報をここで見つけました https://velog.io/@wldns12378/React-class-And-function-component

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

Collection and Share based on the CC Protocol

文系卒だけどいきなりRuby on Railsの勉強をはじめてみた #6 ユーザーのモデルを作成する

15日目