react
文章平均质量分 74
简介
江河i
我想要的都在路上
展开
-
React中Context的使用,跨组件传值
Context 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。有点像Vuex在一个典型的 React 应用中,数据是通过 props 属性自上而下(由父及子)进行传递的,但这种做法对于某些场景来说是繁琐的,Context 提供了一种在组件之间共享此类值的方式,不用通过组件树的逐层传递 props。自定义Contextsrc/store/testContext.js1.引入context2.使用 Xxx.Consumer 组件来创建元素Consumer 的标签原创 2023-04-14 11:17:45 · 752 阅读 · 0 评论 -
ReactRouter基础
本质上react-router有三个模块,react-router、react-router-dom、react-router-native。如果Route的path和url匹配,则对应的Route的组件就会渲染,Switch控制了Route只能渲染匹配到的第一个。如果想要像vue一样实现路由的配置,我们可以自己写配置,并根据配置渲染出对应的路由结构。会被渲染成a标签,和vue的router-link相同。上面的三种方式区别在于组件内部的props的内容。在React项目中,路由实现需要使用。...原创 2022-07-29 16:30:37 · 156 阅读 · 0 评论 -
react hook
react允许我们自己定义相关的hook,但是需要已use开头。原创 2022-07-29 11:29:51 · 677 阅读 · 0 评论 -
react中使用axios,以及解决跨域
代码】react中使用axios,以及解决跨域。原创 2022-07-28 16:40:07 · 1609 阅读 · 0 评论 -
react组件库-ant.design
ant.design是采用 React 封装了一套 Ant Design 的组件库原创 2021-06-17 17:22:21 · 373 阅读 · 0 评论 -
react基础
React的基本使用安装脚手架create-react-app我们需要在我们的电脑上全局安装脚手架create-react-appnpm i -g create-react-app创建项目我们可以利用脚手架创建我们的项目create-react-app 项目名有些使用windows的PowerShell可能会报错,我们可以输入cmd切换到cmd环境中JSX语法JSX指的就是在JS代码中直接写HTML代码,所谓的HTML其实就是JSX插值我们可以将变量通过{}的形式插入到我们JSX中原创 2021-06-16 19:13:03 · 618 阅读 · 1 评论