React入门

React与Jquery一样,都是一个JavaScript库。

例子1.

React入门_第1张图片
新建html
React入门_第2张图片
引入线上react相关js
React入门_第3张图片
js的写法
React入门_第4张图片
打开test.html的效果图

2.JSX的使用(只修改js文件)

React入门_第5张图片
有变量传递的js
React入门_第6张图片
效果

3.React 组件

React入门_第7张图片
组件的写法,注意大写命名,只能有一个首层标签,即最外层不能有多个标签


React入门_第8张图片
效果

4.组件的嵌套

React入门_第9张图片
js
React入门_第10张图片
效果

5.交互,getInitialState、handleClick

React入门_第11张图片
点击触发属性变更
React入门_第12张图片

6.React Props,属性的使用

React入门_第13张图片
显示name属性值
React入门_第14张图片
效果
React入门_第15张图片
设置属性默认值

7.嵌套+值传递(也可以使用state传递,区别在于state属性可以改,props不能改)

React入门_第16张图片

8.API

setState,replaceState,setProps,replaceProps,forceUpdate,findDOMNode,isMounted

9.React Ajax(需要Jquery配合)

React入门_第17张图片
菜鸟教程截图

你可能感兴趣的:(React入门)