【问题标题】:What is use of 'this' in react component反应组件中'this'的用途是什么
【发布时间】:2019-06-04 06:14:58
【问题描述】:

感谢您贡献宝贵的时间

我是 react.js 的初学者; 这个词经常在 React 中使用!

我不知道,'this' 在 react 组件中有什么用。

我读了几篇文章,但我脑子里的概念不太清楚

为什么我们需要写“this”?

class MyName extends React.Component {
  get name() {
    return 'akash';
  }

  render() {
    return <h1>My name is {this.name}.</h1>;
  }
}

【问题讨论】:

  • 这实际上是一个javascript概念。尝试先探索 javascript。
  • @mehta-rohan 我做到了,我只是对新语法和其他新事物有点困惑
  • 好的,继续努力,祝你好运。

标签: reactjs


【解决方案1】:

this 指的是您的组件/类本身。在其他语言中,您可以将其与self 进行比较。这是为了指定您尝试访问或尝试修改的变量/函数归一个类所有,这样当您有一个与您的类变量同名的参数时,编译器可以识别哪个是您的类所拥有的.

【讨论】:

    【解决方案2】:

    在您的情况下,this 是您的 MyComponent 类。因此,如果您执行this.name,您将访问返回字符串的name 函数

    如果你正在学习react,我建议你查看他的官方教程https://reactjs.org/tutorial/tutorial.html

    【讨论】:

    • 我明白了,但写“this”的目的是什么?
    • 因为您正在调用一个函数,并且要调用一个函数,您需要指定该函数在哪里,在您的情况下函数在您的类中
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-19
    • 1970-01-01
    • 1970-01-01
    • 2013-10-18
    • 1970-01-01
    相关资源
    最近更新 更多