没有针对web的React Js输出

Question

我的react应用程序没有输出，也没有错误。起初它运行良好，现在同样的事情不起作用了。

我试过React.render和ReactDOM.render我试过使用和不使用render((

App.js

import ReactDOM from 'react-dom';
import './index.css';
function Greeting()
{

return
(
<h1>helllo</h1>
);

}

ReactDOM.render
(
<Greeting/>,document.getElementById('root')
);
--------------------------**Index.css**----------------------------------
```body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
} 

Answer 1

问题在于return语句(line-break issue(，如果在next line中返回值，则会将其视为undefined。这就是为什么你在dom上什么都看不到的原因。阅读这些答案以了解更多

return
(
<h1>helllo</h1>
);

更改为

return (
<h1>helllo</h1>
);

还要稍微格式化你的代码。

ReactDOM.render(
<Greeting/>,document.getElementById('root')
);

Answer 2

您的语法错误，在一个功能组件中，您只需要返回JSX/JS，基于类的组件需要呈现Difference b/w类和功能组件

以下是正确的工作代码。

import ReactDOM from "react-dom";
import "./index.css";
function Greeting() {
return <h1>helllo</h1>;
}
ReactDOM.render(<Greeting />, document.getElementById("root"));