gpt4 book ai didi

javascript - 无状态组件 : A valid React element (or null) must be returned

转载 作者:太空狗 更新时间:2023-10-29 15:36:58 25 4
gpt4 key购买 nike

我是 ReactJS 的新手。

我尝试使用下面的代码显示 Hello world,但我收到此错误消息:

我错过了什么?

App.js 代码

//App.js`

import React from 'react';

const App = () => "<h1>Hello World!</h1>";

export default App;

index.js 代码

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

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

/public/index.html 的代码

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>React App</title>
</head>
<body>
<div id="root"></div>
</body>
</html>

最佳答案

您不能将 JSX 元素括在引号中。

改变这个

const App = () => "<h1>Hello World!</h1>";

由此

const App = () => <h1>Hello World!</h1>;

也可以这样写

const App = () => {    
return <h1>Hello World!</h1>;
};

或者像这样

const App = () => {
return (
<h1>
Hello World!
</h1>
);
};

关于javascript - 无状态组件 : A valid React element (or null) must be returned,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41248130/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com