即使对象相同，React- Lodash isEqual也会返回false

import { Map } from 'immutable';

const obj1 = Map({ a: 1, b: 2 });
const obj2 = obj1.set('b', 3);

console.log(_.isEqual(obj1, obj2)); // false

const obj1 = { a: 1, b: 2 };
const obj2 = { a: 1, b: 2 };

console.log(_.isEqual(obj1, obj2)); // true

import React, { useMemo } from 'react';
import _ from 'lodash';

function MyComponent({ data }) {
  const memoizedData = useMemo(() => data, [data]);

  // 使用 memoizedData 进行渲染或其他操作
}

function areObjectsEqual(obj1, obj2) {
  return _.isEqual(_.toPlainObject(obj1), _.toPlainObject(obj2));
}

import React, { useState } from 'react';
import _ from 'lodash';

function MyComponent({ initialData }) {
  const [data, setData] = useState(initialData);

  const handleUpdate = () => {
    const newData = { ...data, b: data.b + 1 };
    if (!_.isEqual(data, newData)) {
      setData(newData);
    }
  };

  return (
    <div>
      <p>{JSON.stringify(data)}</p>
      <button onClick={handleUpdate}>Update</button>
    </div>
  );
}