React的基本概念

React学习总结。

• Reactはコンポーネント思考。

• →データを細分化していき、部品のような形で組み立てていく。

• 一つのJavaScriptファイルに記述していくと行数が長くなる。

ファイルを分けてコンポーネント（部品）として管理していく。

import React from 'react';

为了将组件反映到HTML中，需要导入ReactDom。

import ReactDom from 'react-dom';

JSX記法：JavaScirptの中で、HTMLを記述して値を返す事。

描述规则。
返回的HTML内容需要用一个标签包围。
* 如果只是为了避免错误，则可以使用React.Fragment，不会在屏幕上呈现任何内容。

return(
　<React.Flagment>
   <h1>こんにちは！</h1>
   <p>お元気ですか？</p>
  </React.Flagment>
);

※React.Flagmentの箇所は<></>と記述する事も可能。

他のファイルでも使うために、文末にexportを記述する。

export default App;

Appを引用して使用するJavaScriptファイルにもimportを記述する。

import App from "パス"

• コンポーネント名の命名規則について。

• ・必ず戦闘を大文字から始める事。

• ・単語を区切って使用する場合は、パスカルケースを使用する事→先頭が大文字で始まり、単語の区切りを大文字とする変数名の付け方。

• 例)

Some_Component