对于React的代码描述
首先
这是有关React的编写指南的备忘录?
我是初学者?
我知道有很多地方写错了。
如果你发现了,请指正一下,我将非常感激?
组件是什么
-
- 見た目と機能を持つUI部品
-
- コンポーネントを組み合わせてページを作る
- 大きく2種類のコンポーネントにわかれる
→ Class Component (クラスコンポーネント)
→ Functional Component(関数コンポーネント)
为什么要使用组件?
-
- 再利用するため。同じ記述を何度もする必要がなくす。
- コードの見通しをよくするため。
组件化的重点
一个组件=一个文件
将代码分割为不同的文件可以使代码更易读※为了增强变更的强度
为了尽可能只在一个地方进行修改
以下のように中国語で直訳されます。:
组件
Class Component(类组件)和Functional Component(函数组件)是两种不同类型的组件,都可用于表示。
目前,“Functional Component”是主流。
家长组件
-
- 子コンポーネントを呼び出して使うコンポーネント
- 子コンポーネントを呼び出すときに「import Article from “/components/Article”;」を冒頭に記載して呼び出す。※reactのバージョン17以降はなくてもOK?
子组件
-
- 一つ一つの部品。(モジュールに近い)
-
- 子コンポーネントの一つ一つのファイルの最後に
- 「export default Article;」を追加することで、他で呼び出せるようにする。
使用props指定
在子组件中使用props属性进行填写。
{props.title} 的中文译文是什么?
{资源内容}
子要素仅仅是用来创建类型的概念。
在父组件中填写内容
父组件通过props来定义并传递子组件指定的属性名称作为输入。
<Article
title={'新・日本一わかりやすいReact入門'}
content='今日のトピックはpropsについて。'
/>
可以通过props传递的数据
-
- propsのデータは4に記述
-
- 文字列、数値、真偽値、配列、オプジェクト、日付などなんでもOK
-
- 変数を渡すことも可能
- 文字列はなしでもOK
组件使用细节
-
- 同じコンポーネントをいくつも呼び出すことができる
- 配列データをmap(メソッドで処理するのが一般的(実践編で解説)
应该记住的要点?
尽量细分子组件
使用props在父组件中输入内容而不是在子组件中,以便子组件可以作为组件的一部分使用。
请提供一个参考网站
《虎斑猫先生的YouTube频道》(https://youtu.be/Q-df0QgZuhE?si=4SuGSE9swBu3rPWK)