Javascript 修复react中的变量声明

我对react JS是新手，但对ECS有点了解。我在

index.js

中有这段代码。但这不是渲染。发生了什么？短暂性脑缺血发作

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

// Copy code here:
var elementt = <h1>Hello world</h1>

// Render the 'elementt' element
ReactDOM.render(elementt, 
    document.getElementById('app')
);

// Update the 'elementt' element using this function
function func(){
  elementt = <p>Hello Guys</p>
}

// Call the function after 3 seconds from render to update text
setInterval(func(), 3000)

从“React”导入React；
从“react dom”导入react dom；
//在此处复制代码：
var elementt=Hello world
//呈现“elementt”元素
ReactDOM.render（elementt，
document.getElementById（'app'）
);
//使用此函数更新“elementt”元素
函数func（）{
elementt=大家好

}
//从渲染到更新文本3秒后调用该函数
setInterval（func（），3000）

对不起，我忘了在最后调用函数。进行相应的编辑。我希望函数更新页面中的元素，因为'react.js'

---

编辑2：更新了更多的答案。实际上，我想在间隔3秒后调用

func（）

函数以查看内容的更改。如果不可能，告诉我另一种方法。很抱歉延迟。

删除您的函数，它应该可以工作。您的函数修改一个常量，如果您调用该常量，它将抛出一个错误。只要去掉

func

，您的代码就会呈现Hello World。

您需要解决两个问题：

您缺少

return

关键字

 function func(){
   return <p>Hello Guys</p>;
 }

---

如果您是react Js新手，可能需要从一些说明开始使用react Js标记

此外，您可以使用以下命令从

create react app

使用模板了解其工作原理

npx create-react-app my-app
cd my-app
npm start

但是有很多或更多的工具可以创建ReactJS应用程序，比如Next.js

---

在我看来，你在你的应用程序中看不到任何东西，你缺少了一个带有

id=app

的标签，而且你的函数是错误的，因为在JS中你需要调用return

在index.html中有一个id为app的div，因为它适合我。“伙计们，这会降低我们的积极性”对于我们来说也是如此，如果我们需要为一个名为“

random\u person”

的用户写一个答案，请查看下面的：-）@random\u person以了解更多详细信息。别担心：-）@random\u person你应该阅读这个。您的配置文件不断被阻止并不奇怪。抱歉，我不想返回元素，但要更改元素的值。我对问题进行了编辑，以澄清问题。您可以这样做，使用应用程序的这种结构，在函数中有任何触发事件来更改组件的状态，可能您需要查看ReactJs中的setState，但这超出了问题范围。我完全同意您的看法。OP有我指出的一些问题@vincenzopalazzo@random_person更新了我的答案，请看一下。根据另一个更新requirement@Phong是否有方法在渲染后一段时间间隔后调用该函数。也更新了anwer