react使用

react导入的包一定要有顺序:

<script src="js/react.development.js"></script> <script src="js/react-dom.development.js"></script> <script src="js/babel.min.js"></script>

jsx中的注释是{/*   注释内容 */}    先写一个大括号在ctrl+shift+/  可以快速生成.

{}里面是变量的写入.将sTr进行字符串前后进行颠倒代码如下:

<p>{ sTr.split('').reverse().join('') }</p>

属性(props) 

状态(state)  更新组件是setState,而不是state,  state的值可能是异步的,如果需要在state的值上修改得到新的值,可以使用函数的形式,函数的参数中传递的第一个参数是state上一个状态的值.

列表渲染?

表单数据绑定?

生命周期方法.     两种方法:componentDidMount和componentWillUnmount

                          // 组件初始化时自动执行的方法 

componentDidMount() { console.log('componentDidMount'); }

                          //组件销毁时自动执行的方法

componentWillUnmount(){ console.log('componentWillUnmount'); }

数据交互   axios

常用参数: 1. url请求地址          

                 2.method请求方式.默认是`GET`,常用的还有`POST`

                 3.responsetype设置返回的数据格式,常用的是`json`格式,也可以设置为`text`或者`html`

                 4.params(参数)设置发送给服务器的数据

                 5.then设置请求成功后的回调函数.

                 6.catch设置请求失败后的回调函数.

axios完整写法：

axios({ url: '/user/12345', method: 'get', responsetype:'json', params: { firstName: 'Fred', lastName: 'Flintstone' } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });