@lum1ere

Нужна помощь с json и bootstrap'ом?

Есть json файл который нужно прочесть, и вытащить значения. И все это поместить в карточку от bootstrap'a. Нашел несколько видосиков, где это все делают через кнопку(вызывают значения из json). Но как поместить их просто в карточку?

import React, { useState } from 'react'
import { Card, Button } from 'react-bootstrap'

const FetchAPI = () => {

    const {data, setData} = useState([])

    const apiGet = () => {
        fetch('https://jsonplaceholder.typicode.com/albums')
        .then((response) => response.json())
        .then((json) => {
            setData(json);
        })
    };

    return (
        <Card style={{ width: '18rem' }}>
            <Card.Img variant="top" src="holder.js/100px180" />
            <Card.Body>
                <Card.Title>{data.map(item => {item.title})}</Card.Title>
                <Button variant="primary">Go somewhere</Button>
            </Card.Body>
        </Card>
    )
}


export default FetchAPI;

Ошибка:
Failed to compile.

src\Components\card.js
Line 20:48: Expected an assignment or function call and instead saw an expression no-unused-expressionss

Search for the keywords to learn more about each error.
  • Вопрос задан
  • 122 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы