javascript - ReactJS - 设置变量并在渲染中打印给出错误

Question

我正在学习“React.JS”。据我所知，类 具有属性和方法。现在，我可以创建一个属性，然后在渲染函数中使用它。我无法理解我在这里做错了什么？

片段:

import React, {Component} from 'react';

class Main extends Component {

    let name = "John";

    render(){
      return(
        <div>
            {name}
        </div>
      }
}

export default Main;

错误:

有人能帮帮我吗？

Answer 1

首先，您应该在您的render 中返回。其次，你不能直接在 javascript 类中分配变量。您应该在某些方法(构造函数、渲染...)中分配它们。如果你想分配一些变量，我建议你使用 state docs for state .如果您不想使用它，那么您可以简单地在您的渲染函数中分配变量，或者将它们分配为您的类之外的全局变量。