Question

我无法通过Screen的“原子图标”和“学习React”链接获得“反应”应用程序。出现一条消息，提示“编辑src / App.js并保存以重新加载。”

但是没有提供任何信息或线索来说明需要对App.js文件进行哪些更改，要检查的配置或其他设置（以及应设置的值）等等。

要使React应用程序真正起作用我需要做什么？

//=========================
// BEGIN App.js SourceCode:
// ------------------------
import React from 'react';
import logo from './logo.svg';
import './App.css';

function App() {
    return (
        <div className="App">
        <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a className="App-link"
           href="https://reactjs.org"
           target="_blank"
           rel="noopener noreferrer"
        >
          Learn React
        </a>
        </header>
        </div>
    );
}

export default App;
// ----------------------
// END App.js SourceCode
//=======================

Answer 1

您需要对App.js进行的更改是React App初始页面的代码。

Answer 2

以此替换您的代码，然后更改“ Hello”：

import React from 'react';
import logo from './logo.svg';
import './App.css';

function App() {
    return (
        <div className="App">
            <p>Hello</p>
        </div>
    );
}

export default App;

无法通过“反应应用”主屏幕

2 个答案: