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

Node.js 如何编写代码来显示带有照片、文本和名称的页面,node.js,reactjs,Node.js,Reactjs,到目前为止,我制作了一个API,从数据库(MongoDB)调用网格框中的所有照片和标题。我在构造函数(props){super(props);this.state={item[]}中创建了一个空数组,然后用(el=>{return())将它映射到这些网格框中。我现在的问题是当我得到所有这些时,当我按下一个框来显示图像、文本和名称时,我该如何创建,因为我不能在这里使用映射,因为这不是数组 当我只访问1时,我用它在数据库中查找一张照片的id。我如何将它与文本和标题结合起来 router.get("/

到目前为止,我制作了一个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);
});
})
相反,如果使用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'))
欲知详情