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

Question

到目前为止，我制作了一个API，从数据库（MongoDB）调用网格框中的所有照片和标题。我在构造函数（props）{super（props）；this.state={item[]}中创建了一个空数组；然后用（el）将其映射到这些网格框中=

当我只访问1时，我使用它在数据库中查找一张照片的id。我如何用文字和标题来描述它

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

Answer 1

相反，如果使用res.send（结果）；我们可以使用res.render（'照片'，{url：'结果'}）；

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