无法在useContext()传递的导航中显示图像/图片

const navigationData = {
  image: 'https://example.com/image.jpg',
  // 其他导航数据...
};

import React from 'react';

const Navigation = ({ navigationData }) => {
  return (
    <div>
      <img src={navigationData.image} alt="导航图像" />
      {/* 其他导航内容... */}
    </div>
  );
};

export default Navigation;

import React, { useContext } from 'react';
import Navigation from './Navigation';

const NavigationContainer = () => {
  const navigationData = {
    image: 'https://example.com/image.jpg',
    // 其他导航数据...
  };

  return (
    <NavigationContext.Provider value={navigationData}>
      <Navigation />
    </NavigationContext.Provider>
  );
};

export default NavigationContainer;