没有从上下文中消费的组件仍然会重新渲染。

要解决“没有从上下文中消费的组件仍然会重新渲染”的问题，可以使用React的React.memo或useMemo来优化组件的渲染。

1. 使用React.memo：

import React from 'react';

const MyComponent = React.memo(() => {
  // 组件的代码逻辑
});

export default MyComponent;

React.memo是一个高阶组件，它接收一个组件作为参数，并返回一个新的优化过的组件。通过使用React.memo，组件将只在其props发生改变时重新渲染，如果props没有发生变化，组件将从上下文中消费的值并不会导致重新渲染。

2. 使用useMemo：

import React, { useMemo } from 'react';

const MyComponent = () => {
  // 从上下文中获取值
  const value = useContext(MyContext);

  // 使用useMemo缓存组件渲染结果
  const memoizedComponent = useMemo(() => {
    // 组件的代码逻辑
  }, [value]); // 只在value发生变化时重新渲染组件

  return memoizedComponent;
};

export default MyComponent;

useMemo是一个React钩子函数，它接收一个函数和依赖数组作为参数，并返回一个缓存的值。在这个例子中，我们将组件的渲染逻辑放在useMemo函数中，并在依赖数组中传入从上下文中获取的值。这样，只有当依赖数组中的值发生变化时，组件才会重新渲染。