-
css var 性能更好，在這種換膚場景下
查看全部 -
引用 bootstarp
查看全部 -
npm install? bootstarp --save
查看全部 -
一 :配置開發環境,安裝以及運行React項目
????1.node -v(查看node.js版本,是否安裝)
????2.npm install create-react-app -g(全局安裝腳手架工具)
????3.create-react-app React(安裝到React文件夾目錄)
????4.npm start或yarn start(運行項目)
查看全部 -
組件初始化—掛載到DOM 組件更新--狀態的更新 組件卸載—從DOM中卸載查看全部
-
Component中所有方法調用this的時候，都不是自動綁定的，要通過代碼進行bind
- this.increaseLikes = this.increaseLikes.bind(this)
- onClick = {() => { this.increaseLikes() }}
State屬性是不能直接賦值更改的，改變它的唯一途徑是this.setState({}),它的參數是一個object
查看全部 -
組件的Props/State/Forms
Props（屬性)
組件(Component)會根據屬性(Props)的不同，渲染出不同的效果
組件就像是一個函數一樣，接受特定的輸入(props)，產生特定的輸出(React elements)
V = f(props)
?Props是只讀的，不能在Component里改寫它的值，必須要向純函數一樣使用它
其他Notes:
ES6里的析構寫法
const?{?name,?number,?isHuman,?tags}?=?this.props引入bootstrap之后，可以直接在JSX里調用一些classes，比如alert, alert-success
查看全部 -
?BABEL編譯工具
JSX(奇怪的HTML)被編譯成什么？
它是一種語法糖，用來替代React.createElement()方法
這個方法返回的一個ReactElement對象，一個比較復雜的js object
ReactDOM.render方法就是將React element（比較復雜的object）渲染到真實的DOM節點上，最后呈現在頁面上。
查看全部 -
什么是JSX？
JSX就是內嵌在JS中的看似像html語法的代碼。它是
JavaScript語法的擴展
可以使用花括號{}內嵌任何Javascript表達式(Expressions)
JSX屬性，有一些屬性如class, for跟js語法沖突，可以用另外的別名來代替，例如class -> className, for -> htmlFor
?
查看全部 -
把組件掛載在DOM節點上，所有的文件都是從一個主入口文件掛載，這個主入口文件就是src/index.js?
ReactDOM庫是負責React和DOM之間的交互，調用ReactDOM.render方法就可以把組件加載到DOM
?組件的寫法有函數式組件和類組件
查看全部 -
Success!?Created?my-project?at?/Users/yapei/Applications/my-project Inside?that?directory,?you?can?run?several?commands:?? npm?start????Starts?the?development?server.?? npm?run?build????Bundles?the?app?into?static?files?for?production.?? npm?test????Starts?the?test?runner.?? npm?run?eject????Removes?this?tool?and?copies?build?dependencies,?configuration?files????and?scripts?into?the?app?directory.?If?you?do?this,?you?can’t?go?back! We?suggest?that?you?begin?by?typing:?? cd?my-project?? npm?start Happy?hacking!
查看全部 -
?react生命周期圖
查看全部 -
綁定，點擊切換主題查看全部
-
App.js定義theme
查看全部 -
用provider包裹要使用context數據的位置查看全部
舉報