Redux在API中搜索特定ID

我创建了一个小应用程序,该应用程序使用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
评论