У меня есть компонент 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
