React筆記02 React中的元件

2022-07-20 07:42:12 字數 721 閱讀 9971

乙個網頁可以被拆分成若干小部分,每個部分都可以稱為元件,即元件是網頁中的一部分。元件中還可以有多個元件。

乙個元件的構成:

import react from 'react';

render ()

}//***********************************===

//實際專案中用下方這種簡化寫法

import react, from 'react';

render ()

}//語法拆分理解⬇️⬇️⬇️

//import from 'react';

//import react from 'react';

//const = react

//const component = react.component

需要引入元件的js檔案構成:

import react from 'react';//負責解析jsx語法

import reactdom from 'react-dom';

//jsx語法,需要react模組支援,如果不引入react模組會報錯

render()函式

將內容渲染到頁面上。

建立多個元件

02 React基礎語法(2)

一 條件渲染 語法 使用原生 js 的 if 或者 三元表示式 判斷 二 列表 key 語法 foreach 遍歷陣列map 修改陣列的資料,返回乙個 修改過 的陣列filter 過濾陣列的資料,返回乙個 新 的陣列find 找值findindex 找下標let newarr arr.map ite...

React學習 02建立

執行npm init y快速初始化專案 在專案根目錄建立src源 目錄和dist產品目錄 在 src 目錄下建立index.html使用 cnpm 安裝 webpack 執行cnpm i webpack webpack cli d注意 webpack 4.x 提供了 約定大於配置的概念 目的是為了儘...

react獲取全域性 react學習筆記

個人之前也粗略看過react的文件,但是程式設計師最怕的就是沒有專案實操,看完後一段時間就全忘了,但是現在市面上react的使用又很多 我太難了 最近因為疫情只能呆在家裡,剛好利用這段時間搞一搞。當然也是粗略的搞,做完乙個大屏展示後,發現react上手確實比vue要難點。react沒有vue一樣的模...