Reagieren: Fügen Sie ein Bild in einem Top -NAV -Dropdown hinzuJavaScript

Javascript-Forum
Guest
 Reagieren: Fügen Sie ein Bild in einem Top -NAV -Dropdown hinzu

Post by Guest »

Ich bin neu bei React. Ich erstelle eine Top-Nave und Daten werden von menudata.jsx abgerufen. Seite und um ein Bild auf der rechten Seite in einer Dropdown -Seite hinzuzufügen. Was ich versuche, sind: In menudata.jsx füge ich ein Bild hinzu, das IMG: './assets/about-img.jpg' unter about und img: './assets/images/resources.jpg' < /Code> Unter Ressourcen erstelle ich eine Komponente mit dem Namen Droppic und füge sie in ...
Aber ich bin vor einem Problem: nicht nur ein Bild, das mit einem Dropdown -Bereich zu tun hat, sondern auch andere Bilder werden in einem Dropdown -Unternehmen angezeigt!
Wie kann ich nur ungefähr bekommen -img.jpg zeigt in über Dropdown und Ressourcen.jpg zeigt in Ressourcen Dropdown?

Code: Select all

import React from 'react'
import { menuItemsData } from './MenuData';
const DropPic = () => {
return (

{menuItemsData.map((item) => (

[img]{item.img} /[/img]

))}

);
};
export default DropPic;
Bitte geben Sie mir eine Hand und danke im Voraus! -GUP8VGMG? Datei = src%2fMenuitems.jsx, Src%2fStyle.css, public%2findex.html, src%2fdropdownpic.jsx, src%2fdropdown.jsx, src%2fmenudata.js

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post