react 获取url参数_只需三步,带你从0到1玩转React,附源码我一定给你讲明白

本文介绍React中如何调用后台(异步+同步)、父子组件间如何传递值以及如何修改深层state属性。重点讲解fetch API的使用、async/await的同步调用,以及实际案例展示。同时分享了在React中处理复杂state结构的技巧,鼓励读者通过实践提升技能。
摘要由CSDN通过智能技术生成

不知道为什么,自从我开始在这里写一些我的工作和生活纪要之后,老大就开始各种的让我做一些很神奇的东西,难道他知道了(小声嘀咕),虽然我知道不可能,这老小子除了媳妇孩子让他上心之外,绝对不可能拿手机看文章的(这句话就是测试一下,要是他真的看我的文章的话,我基本就不会在更新了。哈哈哈哈哈)这次的内容是一个开发实战,刚好我们项目用到了,之前的时候我自己玩过并且代码提交了Git,所以这次直接拿来用了,用同事的话说我就是个百宝箱,有好多可以直接cv的代码用,今天就给大家介绍一下我们日常应用比较多的React,主要是以下几个方面

  1. React中怎么实现后台调用(异步+同步)

  2. React父子组件传值

  3. React如何修改深层state属性

好了,老规矩,正式看代码之前,先来给我点个关注+评论吧,谢谢各位的支持

578f90f8c282a5b9f1dd2cb60b6cf494.png

React如何调用后台

使用惯了jQuery封装好的ajax方法,这次在使用React项目开发时,着实令人着急,记录一下。

fetch

fetch是用来取代传统的XMLHttpRequest的。它的优点很多,包括链式调用的语法、返回promise等。

下面就是最基本的fetch使用,默认是异步的。

fetch(url,{
    
method: 'POST',
headers: {
   'Content-Type': 'application/json',
},
body: data, // data为传输对象
}).then(res => {
   res.json().then(data => { // data为返回的对象
console.log(data);
});
}).catch(function(e) {
console.log("ERROR");
});

简洁版:

let option = {};        // 参数
options.method = 'post';
let data={};
options.bo
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值