React與Jquery一樣,都是一個JavaScript庫。
例子1.
新建html
引入線上react相關(guān)js
js的寫法
打開test.html的效果圖
2.JSX的使用(只修改js文件)
有變量傳遞的js
效果
3.React 組件
組件的寫法窿锉,注意大寫命名,只能有一個首層標(biāo)簽,即最外層不能有多個標(biāo)簽
效果
4.組件的嵌套
js
效果
5.交互王浴,getInitialState、handleClick
點擊觸發(fā)屬性變更
6.React Props梅猿,屬性的使用
顯示name屬性值
效果
設(shè)置屬性默認(rèn)值
7.嵌套+值傳遞(也可以使用state傳遞氓辣,區(qū)別在于state屬性可以改,props不能改)
8.API
setState,replaceState,setProps,replaceProps,forceUpdate,findDOMNode,isMounted
9.React Ajax(需要Jquery配合)
菜鳥教程截圖