React和Material-UI
文章平均质量分 67
React和Material-UI的学习笔记,详细的记录了两个前端框架的学习历程.
这里不提提纳里
编程爱好者,又菜又爱玩。
展开
-
React学习:05 React组件之间如何传递数据
至此,React组件之间如何传递数据,聪明的你一定了解了大概了.react数据流是定义成从上到下传递的,也就是父组件定义要是用的数据和方法,传递给子组件展示渲染,子组件的控制事件,依然在父组件中,说白了就是数据都在父组件那里控制,变量和方法,只是借给子组件而已.使用react组件的时候我们经常会把一些常用的组件组合到一起,定义成一个新的组件,一般前端页面会有一个父组件,这个组件中定义了当前页面中所需的变量,如何把这些变量传递给子组件呢?的值,这样就可在页面的渲染中看到实际效果了.定义了一个按钮组件,原创 2022-11-09 09:01:08 · 915 阅读 · 0 评论 -
前端react axios 发送post请求fastapi响应报错422 (Unprocessable Entity)
也有小伙伴会出现发送接送数据出现422,如果你理解了数据不对应的错误原理,那么你就应该分析道,你的json数据是什么格式的?很多时候到这里我们就开始搜索百度、csdn等寻找答案,大多都说是header设置有问题格式不对等等,后来我查寻了官方的文档,发现这个错误其实解决起来很简单的,只要。好像明白了哪里出问题,后端没定义接收数据的类型.因为前端发来的是一个str,我们修改一下后的s的类型试试.,前后端的数据类型一致就可以了,不用什么header设置,不用改这改那的就可以完美解决422的错误问题.原创 2022-11-07 09:59:03 · 21140 阅读 · 0 评论 -
User-OAuth2-Login是react+fastapi前后端分离OAuth2权限验证的用户登陆案例
User-OAuth2-Login是react+fastapi前后端分离OAuth2权限验证的用户登陆案例.后端采用fastapi创建的OpenAPI接口,后端通过OAuth2的token来验证前端的登陆请求.接口处使用python的装饰器来设定那些接口需要登陆才能访问.前端采用React+Material UI布局,通过Axios访问接口获得数据和权限验证.效果截图: fastapi以及与其相关的的安全组件库: ,,等.React,Axios,Material UI,,等.通过这个例子,可以初步的打通原创 2022-10-30 09:25:22 · 707 阅读 · 0 评论 -
React学习: 04 react-router-dom v6 react的路由简单实例
前端和路由打交道几乎是不可避免的,react下的路由包整合到了react-router-dom中,下载安装react-router-dom v6 就包含了路由操作的基本库类了.原创 2022-10-11 09:40:16 · 525 阅读 · 0 评论 -
React学习: 03 Hook的理解和简单实例
上边的函数定义了一个变量和一个可以更新count变量的函数,而Effect是它能在函数组件中执行副作用,并且它与 class 中的生命周期函数极为类似。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。react的官方加入Hook主要是推荐大家使用函数式的组件,但官方表明并不会抛弃class组件,就我个人来说,我更喜欢class的组件.Hook其实就是方便操作使用state,还有就是组件挂载和卸载是可以进行一些操作.函数组件相对来说更短小精干,也更直观些.原创 2022-10-09 12:40:50 · 242 阅读 · 0 评论 -
React学习: 02 React一些基础操作的简单实例
继续学习react,搞了些入门级的小例子.原创 2022-10-02 18:38:13 · 535 阅读 · 0 评论 -
React学习: 01 创建React应用和安装Material-UI
不过首次首次运行会加载一些相关的包,可能会慢些,建议换成淘宝的镜像.macOS系统下先安装Node.js,否则无法进行一下的操作,如果要切换到taobao源,执行命令。就会发现创建及下载资源的速度很快了.代码中加入一个按钮测试。在app.js中引入。原创 2022-09-29 19:43:31 · 1077 阅读 · 0 评论