时间戳

首页 > 解决方案 > 如何编写代码以显示带有照片、文本和名称的页面

node.js - 如何编写代码以显示带有照片、文本和名称的页面

问题描述

到目前为止，我制作了一个 API，可以从数据库 (MongoDB) 调用网格框中的所有照片和标题。我在构造函数 (props) {super(props); 中创建了一个空数组。this.state ={item[ ] }; 然后用 (el=> { return ( ) 将其映射到这些网格框内。我现在的问题是，当我得到所有这些时，当我按下一个框向我显示图像、文本和名称时，我该怎么做，因为我不能在这里使用映射，因为这不是数组。

当我只访问 1 时，我用它来查找我的数据库中一张照片的 id。我如何用文本和标题蘸取它

router.get("/photo/:id", (req, res) => {
Slike.findById(req.params.id, (err, result) => {
res.send(result);
});
})

标签： node.jsreactjs

解决方案

相反，如果使用 res.send(result); 我们可以使用 res.render('photo', { url: 'result' });

photo 是模板文件（如 HTML、JSX、pug 等）反应示例：-

const express = require('express')
const app = express()
app.set('view engine', 'jsx')
app.engine('jsx', require('express-react-views').createEngine())
app.get('/about', (req, res) => {
res.render('about', { name: 'Flavio' })
})
app.listen(3000, () => console.log('Server ready'))

更多详情https://expressjs.com/en/guide/using-template-engines.html

推荐阅读