Question

我刚开始玩快递和反应，并且遇到最简单的项目问题。有谁可以偷看，让我知道我可能会缺少什么？

server.js

<faces-config
    xmlns="http://xmlns.jcp.org/xml/ns/javaee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-facesconfig_2_3.xsd"
    version="2.3">

的index.html

const express = require('express')
const bodyParser= require('body-parser')
const app = express()

app.use(bodyParser.urlencoded({extended: true}))

app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html')
})

app.listen(3000);

test.js

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>React Hello World</title>
</head>
<body>
  <div id="test"></div>
  <script src="test.js" type="text/babel"></script>
</body>
</html>

test.js

var React = require('react');
var ReactDOM = require('react-dom');
var TEST = require('./test');

window.React = React;

var MainComponent = React.createClass({
    render: function() {
        return(
            <TEST/>
        );
    }
});

Answer 1

一个问题是您在组件和要呈现它的位置之间缺少逗号。见纠正：

ReactDOM.render(
   <MainComponent />,
   document.getElementById('app')
);

简单的React / Express应用程序

1 个答案: