我爱编程

React入门

2018-03-27  本文已影响0人  郑昊_9d95

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

例子1.

新建html 引入线上react相关js js的写法 打开test.html的效果图

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

有变量传递的js 效果

3.React 组件

组件的写法,注意大写命名,只能有一个首层标签,即最外层不能有多个标签 效果

4.组件的嵌套

js 效果

5.交互,getInitialState、handleClick

点击触发属性变更

6.React Props,属性的使用

显示name属性值 效果 设置属性默认值

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

8.API

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

9.React Ajax(需要Jquery配合)

菜鸟教程截图
上一篇 下一篇

猜你喜欢

热点阅读