react ajax 兄弟组件之间通讯

4.1.1 前置说明

1.react本身只关注于界面,并不包含发送ajax请求的代码.
2.前端应用需要通过ajax请求与后台进行交互(json数据)
3.react应用中需要集成第三方ajax库(或者自己封装)

4.1.2 常用的ajax请求库

1,jQuery 比较重,如果需要另外引入不建议使用
2.axios:轻量级 建议使用
	1)封装XmlHttpRequest对象的ajax
	2)promise风格
	3)可以用在浏览器端和node服务器端

4.2 axios 使用

		axios.get('user?ID=123').then(data => {
     
            console.log(data);
        })
        axios.get('/user', {
     
            params: {
     
                ID: 123
            }
        }).then(data => {
     
            console.log(data);
        })
        axios.post('/user', {
     
            name: '123123',
            age: 123123
        }).then(data => {
     
            console.log(data);
        })

**fetch 函数也可请求后端 但是这个是先返回一个成功或者失败 然后再请求数据 **

4.4 兄弟之间通讯 消息订阅-发布机制

1.工具库PubSubJS.
2.下载 npm install pubsub-js --save
3.使用:
	1)import PubSub from'pubsub-js'
	2) PubSub.subscribe('delete',function(msg,data){ }) //订阅消息
	3)PubSub.publish('delete',data)//发布消息

react ajax 兄弟组件之间通讯_第1张图片
react ajax 兄弟组件之间通讯_第2张图片

你可能感兴趣的:(React,react)