React 入門挖坑

2022-08-27 04:30:13 字數 972 閱讀 6261

新建乙個檔案,然後建立乙個index.html檔案,唉,看了react的官網教程,才知道什麼叫做操蛋,媽的,簡直就是東拉西扯,東拼西湊啊,根本不知道他在扯什麼犢子。

官網教程hello world,跟著寫,根本不知道寫出個什麼玩意兒,只能找資料看

引入

建立完成之後,就需要在html檔案裡面引入react.js檔案,練習就用development,生成就用production

cdn鏈結

// react核心// react的dom操作
關鍵

關鍵

關鍵

在完成上面的操作後,還需要引入乙個babel.js檔案,這個檔案用來解析jsx語法的,沒有這個玩意兒,啥也弄不了,而且在頁面寫script標籤的時候,type一定要寫成type="text/babel",否則啥也弄不了

// 生成環境中一定不要使用,這種方式效率很地下
1、jsx預處理器

2、執行 jsx 預處理器

建立乙個名為 src 的資料夾並執行這個終端命令:

現在就可以在body裡面建立乙個id為root的容器,然後在script裡面寫入如下**:

// 這個是jsx寫法

const element = ;

reactdom.render(element,document.getelementbyid('root'));

// 或者

reactdom.render(,document.getelementbyid('root'));

然後在瀏覽器開啟html檔案,就可以看見這個標題了

react 開發入門

三子棋遊戲 安裝react 建立本地伺服器 啟動執行 直接通過命令安裝 修改測試初始化 刪除src目錄下所有檔案 複製中的index.css和index.js檔案 啟動檢視npm start 增加互動 使用陣列將歷史資料儲存在最上層的game中,可以訪問歷史步驟,如下 import react fr...

react 基礎入門

環境搭建 1.電腦裡必須裝node.js 2.全域性npm命令安裝react環境 3.建立react專案demo 專案名 4.啟動react專案 npm start 目錄結構 json 專案配置 2.public裡面存放公共內容,主要是index.html入口檔案 3.src裡面存放專案元件,樣式,...

React入門例項

react 的核心思想是 封裝元件,各個元件維護自己的狀態和ui,當狀態變更,自動重新渲染整個元件。理解 react首先值得拍手稱讚的是它所有的開發都基於乙個元件 component 元件和元件之間傳遞方法,而且每個元件都有乙個狀態 state 當方法改變了這個狀態值時,整個元件就會重繪,從而達到重...