react中useState、setState、usemeno、meno区别

useState和setState区别及是否是异步

useState和setState是异步

useState：

• useState 是React函数组件中的钩子，用于声明状态变量。

• 通过 useState，你可以在函数组件中添加状态，而无需创建类组件。

• useState 返回一个数组，其中包含当前状态和一个更新状态的函数

setState：

• setState 是类组件中用于更新状态的方法。

• 在类组件中，状态通常是通过 this.state 来访问的，而 this.setState 用于更新这个状态。

• setState 接受一个新的状态对象或一个更新状态的函数，并且它是异步的。

usemeno和meno区别

1. useMemo：

   • useMemo 是一个React Hook，用于记忆（缓存）计算结果，以避免在每次渲染时都重新计算。

   • 它接受一个计算函数和一个依赖数组，只有在依赖发生变化时，useMemo 才会重新计算值。

   • 常用于计算代价较高的操作，以提高性能。

   javascriptCopy codeimport React, { useMemo } from 'react';
   ​
   function ExampleComponent({ data }) {
     const expensiveOperationResult = useMemo(() => {
       // 计算代价较高的操作
       return performExpensiveOperation(data);
     }, [data]);
   ​
     return <div>{expensiveOperationResult}</div>;
   }

2. memo：

   • memo 是一个高阶组件（Higher Order Component），用于防止函数组件在不必要的情况下重新渲染。

   • 当函数组件的 props 没有变化时，memo 会记忆上一次渲染的结果，从而避免重新渲染。

   • 与类组件中的 PureComponent 类似，但 memo 专门用于函数组件。

   javascriptCopy codeimport React, { memo } from 'react';
   ​
   const MemoizedComponent = memo(({ data }) => {
     // 渲染逻辑
   });

总结：

• useMemo 用于记忆计算结果，优化计算操作的性能。

• memo 用于记忆组件渲染结果，防止不必要的重新渲染