reactjs - “SomeName => {}”是什么意思？

Question

我是来自.Net背景的新手，我正在尝试创建一个类，我尝试了多种方法，但在这种情况下，我无法在这种变体中创建构造函数并得出结论，这可能不是一门课，我在网上搜索过，但没有找到任何信息

这是一个例子：

   export default ViewTestStuff => {

     constructor(){
       // errors
       }
        return (
            <div>
                <p>Hello</p>
            </div>
        )
    }

所以我的问题是这个例子中的“=> {}”是什么，这是一个类吗？如果它确实是一个类，为什么我不能在其中创建一个构造函数

标签： reactjsreact-native

Answer 1

它是 es6 的箭头函数，与 React.js 无关

const add = (a, b) => a+b;

它只是一个功能。

调用add(2, 3)返回5

要记住的一件重要事情是，箭头函数没有原型链。你也不能用new.

需要注意的另一件事是，它this绑定到定义箭头函数的上下文。

const obj = {
    name: "Lukas",
    method: function() {
        var self = this;
        console.log(this.name === "Lukas");
        return [
          function() {
              console.log(this !== self)
          }, 
          () => {
              console.log(this === self)
          }
        ];
    }
}

const [func, arrow] = obj.method();

func();
arrow();

查看文档