Javascript 组件，ReactJS-渲染未返回任何内容

我试图创建一个组件，并在App.jsx（另一个组件）中调用它，然后在render中调用这个App.jsx，但它给了我这个错误

错误： 错误：应用程序（…）：渲染未返回任何内容。这通常意味着缺少返回语句。或者，要不呈现任何内容，请返回null

这是我完成的代码

组件：（Greetings.Jsx）

从“React”导入React
函数
{
让timehours=新日期（）
timehours=timehours.getHours（）；
让cssStyle={
颜色：'绿色'，
}
让文本=”；
如果（timehours>=1&&timehours=12&&timehours我刚刚重新创建了App.jsx文件，它是

import React from 'react'

import Greetings from './Greetings'

function App()
{
    return(<Greetings></Greetings>);
}

export default App;

从“React”导入React
从“/问候语”导入问候语
函数App（）
{
return（）；
}
导出默认应用程序；

现在对我有效！！！
不需要空括号，在
App.Jsx
中，返回后的parantises必须在同一行（特别感谢）：

Greeting.jsx：

import React from 'react'

function Greetings()
{
    // the other code is omitted for the brevity    
    return(            
        <div>
            <h1>   Hello Sir, <span style={cssStyle}>{text}</span></h1>
        </div> 
    );
}
export default Greetings;

从“React”导入React
函数
{
//为了简洁起见，省略了另一个代码
报税表（
你好，先生，{text}
);
}
导出默认问候语；

以及：

从“React”导入React；
从“/问候语”导入问候语
函数App（）
{
返回；
}
导出默认应用程序；
为什么你有
？在
App.Jsx中，返回后的这些字符必须在同一行上。这是由javascript可选分号引起的。是的，我只是重新创建了App.Jsx，我在下面发布了答案，现在可以了，谢谢：）谢谢，@Martin:）重复：这不会解决问题；它需要
返回（
在一行上。（另外，这是一个打字类型的问题，已经结束了）它适用于我@ChrisGNote的
.jsx
扩展，这导致了：也请参见Martin@ChrisG我明白你的意思了！例如，谢谢！我更新了答案。我想现在没有理由否决：）是的，我删除了我的否决：）尽管如此，你的回答并没有解释问题的原因；相反，它表明问题是由（不必要的）
…
包装器。错误明显是一行中的
返回值，对此问题的任何回答都应该解决这一问题。因此，主要是关于未来用户发现这一点，而不是帮助OP。编辑：当然，它也是重复的：您也可以编写return（）。或者
return；
import React from 'react';
import reactDom from 'react-dom';
import ReactDOM from 'react-dom';
import "./index.css";
import App from "./App";


ReactDOM.render(<App/>,document.getElementById("root"),);


import React from 'react'

import Greetings from './Greetings'

function App()
{
    return(<Greetings></Greetings>);
}

export default App;

import React from 'react'

function Greetings()
{
    // the other code is omitted for the brevity    
    return(            
        <div>
            <h1>   Hello Sir, <span style={cssStyle}>{text}</span></h1>
        </div> 
    );
}
export default Greetings;

import React from 'react';
import Greetings from './Greetings'

function App()
{
    return <Greetings/>;
}

export default App;