如何访问从 express.js 到 react.js 的动态路由传递的数据

Question

这是我的后端路由，我从 URL 获取文件名作为参数并访问该文件。如何访问从这条路由传递到我的前端 react.js 的数据？？

router.route("/list/:filename").get((req, res) => {
    fs.readFile("./api/assignment_data/" + req.params.filename + ".json", function read(err, data) {
        if (err) {
            throw err;
        }
        const content = data;
        foundFile => res.json(foundFile)
        console.log("sent")
    })
})

在我的前端我正在做这样的事情，

useEffect(() => {
        fetch("/list/:filename").then(res => {
            if (res.ok) {
                console.log("all ok")
                return res.json()
            }
        }).then(jsonRes => setMetrics(jsonRes))
    })

Answer 1

我认为只要您发送正确的文件名，您所做的一切都是正确的 foundFile => res.json(foundFile) 因为您没有发送任何文件作为回报，也许您可​​以尝试用 res.status(200).json({data}); 替换该行，这应该可以工作

Answer 2

你使用 useeffect 的方式是错误的

useEffect(() => {
        fetch("/list/:filename").then(res => {
            if (res.ok) {
                console.log("all ok")
                return res.json()
            }
        }).then(jsonRes => setMetrics(jsonRes))
    },[])

这样它只会运行一次