Javascript CSS样式不处理JS渲染图像

我在下面附上了.js和.css文件。css样式似乎对渲染图像没有影响。我不知道为什么会这样。你能告诉我哪里出了问题吗

Row.js

import React, {useState, useEffect} from 'react';
import axios from './axios';
import './Row.css';

const baseUrl = "https://image.tmdb.org/t/p/original/";

function Row({title, fetchUrl}) {

    const [movies, setMovies] = useState([]);

    useEffect(() => {
        async function fetchData(){
            const request = await axios.get(fetchUrl);
            setMovies(request.data.results);
            return request;
        }
        fetchData();
    }, [fetchUrl]);

    console.table(movies);

    return (
        <div className="row">
            <h2>{title}</h2>

            <div className="row__posters">
                {movies.map(movie => (
                    <img
                        className="row__poster" 
                        src={`${baseUrl}${movie.poster_path}`} 
                        alt={movie.name}
                    />
                ))}
            </div>
        </div>        
    );
}

export default Row;

---

我相信图片上的类名末尾缺少了一个“s”

row__poster

不是

---

你试过

.row\uu posters img

？你在反应部分错过了s，正如他们已经告诉你的，css部分有一个你不需要的“s”，因为你的目标是容器，而不是图像。

row__poster

row__posters