我的API请求有效,但无法访问内容

我提出了API请求:

const [animes, setAnimes] = useState([]);

useEffect(() => {
    axios
        .get("https://api.jikan.moe/v4/anime/38000/characters")
        .then((response) => {
            setAnimes(response.data);
        })
        .catch((err) => {
            console.log(err);
        });
}, []);

当我这么做的时候 console.log(animes) 我收到的数据包含76个项目。但是,当我这样做时:

<div className="container">
                {!!animes.length &&
                    animes?.slice(0, 9).map((anime, index) => {
                        return (
                            <img
                                key={index}
                                src={anime.image_url}
                                alt={anime.name}
                            />
                        );
                    })}
            </div>

我拿不到img和alt。控制台。日志结果是一个包含数组的对象。但是如果我使用“setAnimes(response.data.data)”,我只会收到数组,即使这样,我也无法获得内容。

如果我控制台。日志(setAnimes)我收到:

function dispatchSetState(fiber, queue, action) {
{
if (typeof arguments[3] === 'function') {
  error("State updates from the useState() and useReducer() Hooks don't support the " + 
  'second callback argument. To execute a side effect after ' + 'rendering, declare it 
  in the component body with useEffect().');
  }
 }

 var lane = requestUpdateLane(fiber);
 var update = {
 lane: lane,
 action: action,
 hasEagerState: false,
 eagerState: null,
 next: null
 };