Используйте данные из сопоставления сборов для подачи компонента ⇐ Javascript

[Anonymous]

У меня есть компонент React, приносящий API и возвращаю список пользователей и некоторые данные для каждого в картах (user.map). Я хотел бы сделать эти карты кликабельными, и для каждой из них можно было бы вернуть отдельную карту с большей информацией об этих пользователях. Поэтому я пытаюсь передать данные для одного конкретного пользователя другому компоненту (idivadualcard). Как я могу это сделать?
Вот мой код на React: < /p>
import {useState, useEffect } from "react";
import { Link } from "react-router-dom";
import { Card } from "react-bootstrap";
import { Rating } from "react-simple-star-rating";

export default function ArtisanAlimentation() {

const [artisans, setArtisans] = useState([]);

const getArtisan = async () => {
const res = await fetch ("http://localhost:3000/artAlim");
const json = await res.json();
setArtisans (json);
}

useEffect (() => {
getArtisan();
},[])

return (




Les artisans du secteur de l'alimentation

{artisans.map(artisan => (



Nom: {artisan.nom}
Note:
Sapécialité: {artisan.specialite}
Localisation: {artisan.ville}




))}





)
}


Подробнее здесь: https://stackoverflow.com/questions/796 ... -component