Question

我按照Facebook的教程学习反应。我使用 npm create-react-app 来创建反应应用。 Html文件位于名为public的文件夹中。 JS和CSS文件位于名为src的文件夹中。

这是我的 index.html：

    <!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>React App</title>
  </head>
  <body>
    <a href="login.html">Link</a>
    <div id="root"></div>

  </body>
</html>

这是我的 index.js ：

    import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';


ReactDOM.render(
  <App  name="Sumanth Jois"/>,
  document.getElementById('root')
);

index.html工作正常。 <App/>正在呈现在屏幕上。我有另一个文件login.html。

这是 login.html：

    <!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>React App</title>
  </head>
  <body>

    <div id="app"></div>

  </body>
</html>

这是我的 login.js ：

    import React from 'react';
import ReactDOM from 'react-dom';



ReactDOM.render(
  <App  name="Sumanth Jois"/>,
  document.getElementById('app')
);

但这次login.html没有显示任何内容。有人可以告诉我哪里出错了吗？我现在坚持了几个小时。

将js与html链接的反应js错误

0 个答案: