站点介绍
前端程序员,PHP程序员,全栈程序员-程序员鸡皮
一名小码农的日常，学习&生活
发布于2024-07-04
React中ref获取函数组件的DOM
在React中使用ref获取函数组件的DOM，函数组件必须使用`forwardRef`进行转化，函数组件必须使用`ref`接收ref引用对象，函数组件必须使用`current`获取DOM
React中ref获取类组件实例
在React中我们可以通过ref获取类组件实例！
React中的数据不可变原则
数据不可变的好处是便于数据追踪，不可变数据使得数据的变化历史更加清晰，便于调试和追踪问题。
React中render函数的优化
如果我们使用的是函数组件式开发用的是React.memo()方法，如果我们使用的是类组件式开发用的是React.PureComponent()方法。
React中setState详细使用
当我们使用`flushSync`函数时，就会立即更新状态值，也就是说在执行完`this.setState({message:"你好啊，世界"})`之后，会立即更新状态值(在控制台才会输出`你好啊，世界`)，而不是在下一个事件循环中才会更新。
React中setState设计是异步
在React18之前，setState操作是同步的，在React18之后，setState操作是异步的。原因是：为了提高性能。
React中setState的三种写法
本文介绍了React中setState的三种写法，第一种是传入一个对象，第二种是传入一个回调函数，第三种是传入第二个参数callback函数
React中非父子通信如何实现呢？
我们都知道在React中，父子组件通信可以通过props和state，但是非父子组件通信怎么办呢？我们可以使用EventBus来实现非父子组件通信。
React中非父子通信用Context如何实现？
本文介绍了React中非父子通信，用Context如何实现。
React中组件的作用域插槽是如何实现的？
作用域插槽的使用场景: 当组件的内容是动态的，但是组件的样式是固定的，这时候可以使用作用域插槽，将动态的内容传递给组件，组件内部使用插槽渲染
React中组件的插槽实现
本文主要介绍了React中插槽的实现，通过children属性和props来实现插槽。
React组件通信案例练习
通过上面的案例，我们发现，React组件通信的实现方式有很多种，在实际开发中，我们需要根据实际情况选择合适的通信方式。
React中子组件如何向父组件发送数据?
子组件向父组件发送数据的方法是通过props来传递的。然后父组件通过props来接收子组件传递过来的数据，然后通过props来调用父组件传递过来的方法来改变父组件的状态
React组件中父子组件是如何实现组件通信的
这篇文件是让我们了解React组件中父子组件是如何实现组件通信的。
React组件开发嵌套关系详解
本文讲解React组件的使用方法。以及React的后缀`.js`和`.jsx`的区别。
of course like your web site but you need to test the spelling on quite a few of your posts. A number of them are rife with spelling problems and I in finding it very troublesome to inform the reality nevertheless I will surely come again again.
新年快乐！
十天看一部剧，还可以吧![[[呲牙]]](https://www.xvzhu.cn/usr/themes/freewind/static/img/face/emotions/13.gif)
@梦不见的梦 行，谢谢提醒,我优化一下
网站的速度有待提升，每次打开都要转半天还进不来呢
@React实战爱彼迎项目(二) - 程序员鸡皮 哪里有问题了，报错了吗？![[[微笑]]](https://cdn.jsdelivr.net/gh/kevinlu98/freecdn@1.5//face/emotions/0.gif)
@Teacher Du 那是怕你们毕不了业，我大学那会儿给小礼品![[[发呆]]](https://cdn.jsdelivr.net/gh/kevinlu98/freecdn@1.5//face/emotions/3.gif)
我们大学那会，献血还给学分~
@ab 我想去学网安，比如网警，但分也贼高😕
@夜 加油，你一样也可以成为程序员的，需要学习资料可以V我