Блог

Я разрабатываю клон disneyplus с react и redux, я могу хранить данные в firestore и получать доступ к приложению react. Но, однако, изображение карты не обновляется.

 import React from 'react'
import styled from 'styled-components'
import { selctMovies, selectMovies } from '../features/movie/movieSlice'
import { useSelector } from 'react-redux'

function Movies() {

    const movies = useSelector(selectMovies);

    return (
        <Container>
            <h4>Recomended for You</h4>
            <Content>
                { movies amp;amp; movies.map((movie) => {
                    console.log(movie.cardImg);
                    <Wrap>
                        <img src={movie.cardImg} />
                    </Wrap>
                })
                }
 

Но я могу получить URL-адрес изображения, когда мне это console.log(); нравится,

Мой код такой

1 — У вас нет возврата в функции обратного вызова карты.

2 — Вы должны использовать клавишу в функции карты.

3 — Вы должны использовать alt в изображениях.

Попробуй это

 {   movies amp;amp; movies.map((movie, index) => {
        console.log(movie.cardImg);
        return (<Wrap key={index}>
            <img src={movie.cardImg} alt="Card image" />
        </Wrap>)
    })
}
 

Сделайте отдельный компонент для изображения, и я надеюсь, что ваша проблема скоро решится.