業餘學習react 學習記錄

(阮一峰 react 學習)

1.搭建環境：npm 使用 react

":專案名

$ npm start 　　　　　　　　　　　　　　　　　　 -- webpack 命名 執行

2. 命名行：

npm start ； npm run build ; npm test ; npm run eject ;

3.reactdom.render 是 react 的最基本方法，用於將模板轉為 html 語言，並插入指定的 dom 節點 (eg)

reactdom.render( , document.getelementbyid('

example
') );

4.jsx 語法

var arr =[  ,

,];var names = ['
alice
', '
emily
', '
kate'];
reactdom.render(,!
} )} ,
document.getelementbyid(
'example')
);

5.元件  ：元件類的第乙個字母必須大寫，元件類只能包含乙個頂層標籤，否則也會報錯

var hellomessage=react.createclass(

});reactdom.render(
/*變數 hellomessage 就是乙個元件類*/'
join
'/>,
document.getelementbyid(
'example1')
)

6.this.props.children （它表示元件的所有子節點）、

7.驗證元件mytitle 屬性proptypes

var mytitle =react.createclass(, 

render: function() 
});

8.this.state

react學習記錄（四）

自閉了。以前以為我學過js，並且會js。現在我想說，我不會js，我可能只是聽說過js。我一直都知道js的三個組成部分 ecmascript bom dom 以前沒有怎麼在意，現在是真的知道js確實是3個部分。可能bom和dom的內容更加多一些。render handdelet 學了半天也沒有收穫什麼...

React學習記錄 Redux

入門 官網react.js 小書 父向子孫傳值用props import from redux export default function 第二步 根據計算規則生成 store let store createstore counter 第三步 定義資料 即 state 變化之後的派發規則 根據...

react學習記錄 state vs props

state的主要作用，是用於元件儲存 控制 修改自己的可變狀態。一言概之，它在元件內部初始化 只能被元件自身修改，外部不能訪問也不能修改。所以state是乙個區域性的 只能被元件自身控制的資料來源，它的更新方式上通過setstate，同時setstate會導致元件的重新渲染。props的主要作用則是...