React学习（三）

目录：

1.react-基础-人物卡片-条件

2.react-基础-axios

3.react-基础-函数无状态

4.react-基础-useState

1.react-基础-人物卡片-条件

根据条件显示隐藏年龄

p2是列表组件用来循环的，控制显示不显示的是有P1决定的

改为true：

用逻辑与运算符替代if判断

2.react-基础-axios

数据从服务器获取数据：

data是响应体内容，status：请求状态

入口文件，这个标签会（严格模式）导致调用两次请求

注释一下：页面就会调用一次了

resp.data之后再.就没有提示data了，我们可以做类型说明，做到提示效果

可变参数传参：

3.react-基础-函数无状态

函数内数据是无状态的

上面的函数是无状态的，下面代码会重置到最开始状态，名字=xx，需要把查询到的数据保存下来，需要下面的useState

4.react-基础-useState

我们需要使用函数外的状态，不能在定义初始变量了

刚开始是xx：调用接口还没有返回，显示初始值

接口返回之后，setStudent方法修改了useState里面初始值，

会触发userState重新渲染页面

这个代码有漏洞，调用userState，第二次执行p5，会重新执行里面的代码，从头到尾再执行一遍，会重新调用updateStudent方法，又会重新调用setStudent方法，他会重新出发P5函数的调用，导致重复调用

怎么解决这个问题：后面会学习useEffect，先用另外一种

此时只会请求一次