从Express后端发送JSX数据作为JSON,然后将其显示为React Frontend中的组件

时间:2017-08-11 12:18:43

标签: json reactjs express jsx

我正在使用Express后端创建一个简单的反应前端。我可以快递将JSX数据作为JSON发送给我,这样我可以在反应中获取它并将其显示为组件吗?目前我正在发送JSON数据并将其作为组件显示在反应中并且工作正常,如何将JSX数据作为JSON发送?

这是现在的代码, 反应前端: -

var express = require("express");
var router = express.Router();

/* GET users listing. */
router.get("/", function(req, res, next) {
  // Comment out this line:
  //res.send('respond with a resource');

  // And insert something like this instead:
  res.json([
    {
      id: 1,
      username: "samsepi0l"
    },
    {
      id: 2,
      username: "D0loresH4ze"
    }
  ]);
});

module.exports = router;

Express Expressend: -

{{1}}

1 个答案:

答案 0 :(得分:0)

当您尝试从快递中检索数据时,您正在拨打/users,但快递中没有代码可以接收或回复此来电。 您需要添加额外的router.get("/users", function(req, res, next) { }才能使此调用正常工作。我不认为有任何理由通过请求回复发送JSX组件(我猜你的意思是组件,当你声明数据时)。 请描述您想要解决的实际问题。