react-redux useSelector

`useSelector`是React Redux库中的一个钩子函数，用于从Redux store中选择和提取状态。它接受一个回调函数作为参数，该回调函数定义了如何从store中选择所需的状态。

以下是`useSelector`的两种基本用法：

1. 在函数组件中使用`useSelector`：

import React from 'react';
import { useSelector } from 'react-redux';

const CounterComponent = () => {
  const counter = useSelector(state => state.counter);
  return <div>{counter}</div>;
};

2. 使用闭包和props来确定要提取的内容：

import React from 'react';
import { useSelector } from 'react-redux';

const TodoListItem = props => {
  const todo = useSelector(state => state.todos[props.id]);
  return <div>{todo.text}</div>;
};

`useSelector`还支持记忆化选择器（memoizing selector），这可以提高性能。记忆化选择器是一个函数，它接受整个state作为参数，并返回一个派生的数据。当state发生变化时，只有当派生数据发生变化时，才会重新计算。