前面兩節用的是hbuilder編輯器,很多童鞋說visual studio code很好用,確實如此,因為平時開發用習慣了前者,寫教程的時候,為了方便大家體驗,這一節換成vs了,開啟編輯器,首先匯入專案,然後在編輯器裡面選擇開啟終端選項,新建終端,輸入命令使用yarn start
或者npm start
,執行專案。
1:繫結乙個屬性的時候
直接寫就可以了繫結屬性
,不需要像平時寫屬性那樣加雙引號,加了雙引號就會繫結了字串了。
2:繫結class屬性,class要換成classname
開啟靜態資源,asset/css/index.css
,寫上css相關**
.test
寫好之後,在組建home.js裡面引入index.css,引入方法import '../asset/css/index.css'
,在render()
模板裡面使用屬性classname="test"
,這個時候就可以看到,屬性繫結成功了,同理,現再this.state裡面定義,再去模板裡面取出也可以。
繫結class屬性,我是紅色的大字型
定義紅色的資料
3:for要換成htmlfor姓名
4:style行內樣式行內樣式哦
行內樣式哦
home.js
import react, from 'react';
import '../asset/css/index.css'
class home extends component }}
render()
繫結class屬性,我是紅色的大字型
定義紅色的資料
姓名行內樣式哦
行內樣式哦)}
從零開始學習react
react.createlement tag,content class shoppinglist extends react.component return 我們可以把兩者結合起來,使 react 的 state 成為 唯一資料來源 渲染表單的 react 元件還控制著使用者輸入過程中表單發生的...
react從零開始 五
1 在本地起服務的時候,官方腳手架預設的是埠是3000,這樣也就意味的如果3000埠被占用,就無法啟動另乙個專案,這時候只需要修改package.json檔案的中的 start set port 4000 react scripts start 增加了set port 埠號 像上面這樣就不會產生衝突...
C 從零開始學習
首先你需要乙個編譯器,在這裡我首先是推薦功能強大的visual studio最強ide。vs 可以嘗試自己在ide裡面敲一下,畢竟只有多動手才能成功!include 此為標頭檔案 using namespace std 告訴編譯器使用 std 命名空間。main方法為主函式,是程式開始執行的地方 i...