为什么我在 React.memo() 中的浅层比较不起作用？

Question

嘿，我正在制作一个送餐应用。我目前正在实现购物车功能。 我一直在记忆我自己构建的自定义增量器。我正在使用 Flatlist 来呈现数据：

这是我的 CartRowRender 代码：

import React, { useState, memo, useRef, useCallback } from "react";
import { StyleSheet, Text, View, Dimensions } from "react-native";

import CartIncrementor from "./CartIncrementor";
import Incrementor from "./Incrementor";


const CartRowRender = ({ item }) => {

  return (
    <>
      <View style={styles.card}>
        <View style={styles.cardItems}>
          <Text style={styles.text}>
            {item.name}
          </Text>
          <CartIncrementor
            value={item.quantity}
            id={item.id}
            subDataId={item.subDataId}
            price={item.price}
          />
          <View style={styles.priceView}>
            <Text style={styles.text}>₹ {item.quantityPrice}</Text>
          </View>
        </View>
      </View>
    </>
  );
};

function checkEqualProps(prevProps, nextProps) {
  console.log(prevProps, nextProps);
  console.log(
    "Equal quantity Price",
    prevProps.quantityPrice == nextProps.quantityPrice,
    "Equal quantity",
    prevProps.quantity == nextProps.quantity
  );
   return prevProps.quantityPrice === nextProps.quantityPrice;
}
export default memo(CartRowRender, checkEqualProps);

由于某些原因，浅比较似乎不起作用。当我控制台注销功能 checkEqualProps 时，它显示上一个数量和下一个数量相等。

Answer 1

您打印出两件事，但只使用一件事作为返回值。你可能是说

return (
  prevProps.quantityPrice === nextProps.quantityPrice &&
  prevProps.quantity === nextProps.quantity
);

?