对于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)

广告
将在 10 秒后关闭
bannerAds