活动
React-组件-Ref转发
获取函数式组件中的元素如果要获取的不是函数式组件本身, 而是想获取函数式组件中的某个元素，那么我们可以使用 Ref 转发 来获取。在之前的文章当中演示了通过 Ref 获取函数式组件，但是在控制台报了一个警告，警告的内容如下：Func
React-父子组件通讯
父子组件通讯父组件将方法传递给子组件，在 React 当中也会将父组件传递的，数据和函数信息直接存放在子组件当中，的 Props 属性对象当中React 的父子组件通讯的实现其实就是利用，函数的互相调用进行实现完成的Header.js:Ap
React-父子组件通讯-类组件
本文是延续上一篇文章继续的类组件的参数传递和函数式组件都是同一个世界同一个梦想的没有区别类子组件接收参数相比有点不一样首先将 Header.js 改造为类组件：在类组件当中接收其实会自动将 props 对象传递给构造函数当中，然后在调用 s
React-组件开篇
组件化开发组件化开发其实就是分而治之的思想我们可以将一个完整的界面拆分成多个小的界面, 每个小的界面就是一个组件每个组件管理自己的状态(数据)和业务逻辑这样做的既可以提高每个组件的复用性, 又可能降低每个组件的开发难度定义组件通过构造函数定
React-Router-Switch
Switch默认情况下路由会从上至下匹配所有的 Route, 只要匹配都会显示如果 Route 没有指定path, 那么表示这个 Route 和所有的资源地址都匹配新建 Other.js:App.js:在页面的体现就是不管你点击的是
React-Router-嵌套路由
嵌套路由(子路由)路由里面又有路由, 我们就称之为嵌套路由新建 Discover.js:App.js:注意点如果要使用嵌套路由, 那么外层的路由不能添加精准匹配exact如果子路由的组件是在 BrowserRouter or Has
React-Router-Redirect
Redirect资源重定向, 也就是可以在访问某个资源地址的时候重定向到另外一个资源地址例如: 访问 /user 重定向到 /login假如说我现在需要实现这么一个功能就是当用户登陆过了之后访问 /user 时就显示用户相关的组件信息，否则
React-Redux-优化
在上一篇 React-Redux-基本使用 的文章当中其实是存在问题的主要问题有以下几点：store、action、reducer 代码都写在一个文件中，不利于维护(后续文章解决)action 和 reducer 中都是使用字符串来
React-Redux-基本使用
安装安装稳定版：index.js:监听状态的改变从 Store 中获取存储的状态修改 Store 中存储的状态
React-组件-内联样式
React 中的样式React 并没有像 Vue 那样有提供特定的区域给我们编写 CSS 代码所以你会发现在 React 代码中, CSS 样式的写法千奇百怪内联样式内联样式的优点：内联样式, 样式之间不会有冲突可以动态获取当前stat
React-跨组件通讯
首先介绍一下跨组件通讯的之间的关系，如下图：父子通讯如果我们想在爷爷组件当中给儿子进行通讯，那么该如何进行实现呢，首先来看第一种方式就是一层一层的传递，为了方便观察这里博主就直接都定义在一个文件当中, 先来看从爷爷给到儿子方法的这么一个过程
React-Redux-其它组件中使用
紧接着上一篇 React-Redux-综合运用(在React中使用) 的内容，本文主要介绍的是 Redux 在其它组件当中的使用以及注意点，在 src 目录下创建一个 component 目录在目录当中创建一个 home 与 abo
JSX-灵活性
JSX 灵活性JSX 使我们在 JS 中拥有了直接编写 XML 代码的能力所以在 JS 中能干的事, 在 JSX 中都能干例如有如下这么一个需求：通过按钮控制界面上 p 标签的显示和隐藏：博主的实现代码如上，因为在 {} 中的内容
React-组件-CSSTransition
React-组件-CSSTransition
React-脚手架
React-脚手架
React-跨组件通讯-events
React-跨组件通讯-events
React-Hooks-useMemo
useMemo Hook 概述useMemo 用于优化代码, 可以让对应的函数只有在依赖发生变化时才返回新的值其实我们可以把 useMemo 看成是 useCallback 底层的实现，如下：使用 useMemo：如上的代码当中 dec
React工作:ant design table rowkey设置唯一值
React工作:ant design table rowkey设置唯一值
React工作9:react生命周期
React工作9:react生命周期
React-组件-setState
setState 是如何给 state 赋值的通过Object.assign()state 合并现象因为setState 会收集一段时间内所有的修改操作，然后在统一的执行，再更新界面所以就出现了 state 的合并现象首先来
热门文章
React工作36:字段太长
2024-09-25 10:13:34
React工作17:ant design form格式化日期
2023-05-12 06:47:28
React-Redux-实现原理
2023-04-23 09:44:14
React-传统写法
2024-07-01 01:32:44
React-组件-setState
2023-06-16 06:09:26
React工作73:子组件this
2023-05-17 06:17:17
