從零開始學習React 屬性繫結(三)

2021-09-30 01:27:42 字數 1333 閱讀 3421

前面兩節用的是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...