छवि प्रदर्शित नहीं करता है के साथ MUI प्रतिक्रिया

Question 1

मैं कोशिश करने के लिए प्रदर्शन के साथ मेरी तस्वीरें itemDate.js फ़ाइल :

const itemData = [
    {
      img: "../assets/photos/photoportrait.jpeg",
      title: 'Breakfast',
    },

और बुला के साथ अपने पोर्टफोलियो घटक:

import * as React from 'react';
import ImageList from '@mui/material/ImageList';
import ImageListItem from '@mui/material/ImageListItem';
import itemData from './itemData';


function Portfolio() {

return(
<ImageList sx={{ width: 500, height: 450 }} cols={3} rowHeight={164}>
  {itemData.map((item) => (
    <ImageListItem key={item.img}>
      <img
        src={item.img}
        srcSet={item.img}
        alt={item.title}
        loading="lazy"
      />
    </ImageListItem>
  ))}
</ImageList>

वहाँ है कोई त्रुटि संदेश, पथ सही है, लेकिन कुछ भी नहीं दिखाई देते हैं पर अपने पृष्ठ. यह काम कर रहा है के साथ लिंक, लेकिन नहीं के साथ काम करता है स्थानीय पथ. किसी भी विचार है?

धन्यवाद

Question 2

मैं नहीं कर रहा हूँ हो रही किसी भी मुद्दे पर अपने कोड के साथ. मैं सिर्फ नकल अपने कोड और तैयार एक codesandbox और इसे चलाने के लिए. यह ठीक काम करता है.

यहाँ है पूरा कोड:

import * as React from "react";
import ImageList from "@mui/material/ImageList";
import ImageListItem from "@mui/material/ImageListItem";

const itemData = [
  {
    img: "../assets/photos/photoportrait.jpeg",
    title: "Breakfast"
  }
];

export default function App() {
  return (
    <ImageList sx={{ width: 500, height: 450 }} cols={3} rowHeight={164}>
      {itemData.map((item) => (
        <ImageListItem key={item.img}>
          <img
            src={item.img}
            srcSet={item.img}
            alt={item.title}
            loading="lazy"
          />
        </ImageListItem>
      ))}
    </ImageList>
  );
}

Khabir · Answer 1 · 2021-11-23T14:14:21

मैं नहीं कर रहा हूँ हो रही किसी भी मुद्दे पर अपने कोड के साथ. मैं सिर्फ नकल अपने कोड और तैयार एक codesandbox और इसे चलाने के लिए. यह ठीक काम करता है.

यहाँ है पूरा कोड:

import * as React from "react";
import ImageList from "@mui/material/ImageList";
import ImageListItem from "@mui/material/ImageListItem";

const itemData = [
  {
    img: "../assets/photos/photoportrait.jpeg",
    title: "Breakfast"
  }
];

export default function App() {
  return (
    <ImageList sx={{ width: 500, height: 450 }} cols={3} rowHeight={164}>
      {itemData.map((item) => (
        <ImageListItem key={item.img}>
          <img
            src={item.img}
            srcSet={item.img}
            alt={item.title}
            loading="lazy"
          />
        </ImageListItem>
      ))}
    </ImageList>
  );
}

छवि प्रदर्शित नहीं करता है के साथ MUI प्रतिक्रिया

सवाल

सबसे अच्छा जवाब

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में