React | React - component

2516 ワード
React JSX component テキストリンク

Component


素子は反応を行う最も重要な要素である.
素子を知らないと反応できない.

コンポーネントとは


まず正義.
リサイクル可能なUI構成単位を示す.

コンポーネントフィーチャー


指導者たちがよく言う==重要な
1. 재활용하여 사용할 수 있다,.
2. 코드 유지보수에 좋다.
3. 해당 페이지가 어떻게 구성되어 있는지 한눈에 파악하기 좋다.
4. 컴포넌트는 또 다른 컴포넌트를 포함할 수 있다.
構成部品のタイプは次のとおりです.
Class型とFunctional型があります.
import React from 'react'

class Component extends React.Component {
  render() {
    return (
			<div>
				<h1>This is Class Component!</h1>
			</div>
		)
  }
}

export default Component
でもまず最初に習うのはClassさんです.後で勉強すると修正します.
上に生えている構造はクラス素子です.
class Component
アセンブリ(Component)という名前のクラス構成部品を作成します.
次のrender関数は、必須要素です.constructor → render → componentDidMount → ( setState ) → renderライフサイクルもあります.素子内の要素の読み出し順序を示します.
上記のコードにはlander関数のみが含まれていますが、constructorおよびrenderがある場合は、まず前者を実行し、landerを行います.
ザノーソンにいるよりも、自分で書いたり見たりしたほうがいいと思います.
次の投稿で...
Yarn
Creating backups of running Vms in XenServer(XenServerで実行中の仮想マシンのバックアップを作成)