[英]Why react render accepts a block and return doesn't?
I'm learning React JS, and facing a problem with JSX.我正在学习 React JS,并面临着 JSX 的问题。 I have a component :我有一个组件:
The below code works fine:下面的代码工作正常:
import React from "react";
function Hello() {
return(<h1> Hello ! </h1>);
}
export default Hello;
However, this doesn't work:但是,这不起作用:
import React from "react";
function Hello() {
return(){
<h1> Hello ! </h1>
};
}
export default Hello;
As I am trying to use a block in return, Why does render(){} accepts a block and return does not?当我尝试使用块作为回报时,为什么 render(){} 接受块而 return 不接受?
You are using a functional-based component you can't define a render function inside this works only on class-based components您正在使用基于功能的组件,您无法在其中定义渲染函数,这仅适用于基于类的组件
class Welcome extends React.Component {
render() {
return <h1>Hello World</h1>;
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.