我创建了一个小应用程序,该应用程序使用Redux从API中提取英雄列表并将它们全部列在页面上。我用指向他们特定的“ heroes /:heroId”页面的标签包围了它们。现在所有这些工作都很好,但是对于接下来的操作方式我开始遇到麻烦。我能够显示我在页面上单击的“ heroId”(如果我单击列表中的第一个英雄,他的ID将为1)现在我的问题是,我是否需要创建单独的动作和化简来寻找特定的英雄?还是我忽略了一切。
我在没有redux之前就已经完成了这个项目,并且基本上只是使用钩子来完成我想要的事情,但是由于我的API调用与Redux动作链接在一起,所以我不知道这是否是最好的方法。
我将留给您显示已单击ID的页面,如果有人想查看该项目的github,那么请务必帮我
import React, {useEffect} from 'react'
import { fetchHeroes } from '../actions/heroesActions'
import {useParams} from "react-router";
const HeroDetail = () => {
const {heroId} = useParams()
useEffect(() => {
(fetchHeroes(heroId))
}, [heroId])
return(
<div>
{heroId}
</div>
)
}
export default HeroDetail