为什么反应渲染接受一个块而返回不接受？

Question

我正在学习 React JS，并面临着 JSX 的问题。 我有一个组件：

下面的代码工作正常：

import React from "react";

function Hello() {
  return(<h1> Hello ! </h1>);
}

export default Hello;

但是，这不起作用：

import React from "react";

function Hello() {
  return(){
  <h1> Hello ! </h1>
  };
}

export default Hello;

当我尝试使用块作为回报时，为什么 render(){} 接受块而 return 不接受？

Answer 1

您正在使用基于功能的组件，您无法在其中定义渲染函数，这仅适用于基于类的组件

class Welcome extends React.Component {
  render() {
    return <h1>Hello World</h1>;
  }
}