代码之家 › 专栏 › 技术社区 › Stuart Bourhill

为什么redux表单源代码中的这个函数会被另一个函数包装?

redux-form redux reactjs javascript

Stuart Bourhill · 技术社区 · 8 年前

我的问题涉及到 redux-form 源代码。简单地说,我想深入了解以下代码片段背后的推理和思考,这些代码可以在 src/createField.js here 和 here .

this.context._reduxForm.register(
     newName,
     'Field',
     () => nextProps.validate,
     () => nextProps.warn
)

我的问题是不关于如何或在何处使用这些函数,但具体而言 为什么? 这些函数的包装方式是这样的。例如,为什么不简单地使用:

this.context._reduxForm.register(
  newName,
  'Field',
  nextProps.validate,
  nextProps.warn
)

我的猜测是,它与在父组件中存储对这些函数的直接引用有关。我对这件事的兴趣与另一件事有关 question 我已经问过了。

1 回复 | 直到 8 年前

Quentin 8 年前

价值 this 取决于函数的调用方式。将函数调用与对象分离将断开与该对象的连接 这 .

var nextProps = {
    validate: function () { console.log("This is ", this); }
};

function callFunction(callback) {
    callback();
}

console.log("======");
console.log("Preserve this");
callFunction(() => nextProps.validate());
console.log("======");
console.log("Don't preserve this");
callFunction(nextProps.validate);

推荐文章

zuZuu · React Redux-无法设置未定义的属性(设置“value”)

4 年前

universe11 · 对伊默来说,这是正确的还是错误的?

4 年前

Huy282002 · 将redux toolkit与JS一起使用时,不能跳过在CreateSicle()中键入状态

4 年前

Mistakamikaze · React Redux |在全局Redux状态之前更新本地状态

4 年前

Kiv Daor · 当某些项具有未知值时,排序数组无法正常工作

4 年前

Chong Lip Phang · 不变性检查中间件在Redux工具包中做什么?

4 年前

geyser · React Redux toolkit-输入字段的状态管理

4 年前

Avishay Matayev · 正在获取redux的connect HOC的包装组件类型,以便与React一起使用。在不重新导入的情况下重新创建对象

4 年前

Hamed Ezati · 为什么项目会附加到redux而不是替换?

4 年前

Arash jahan bakhshan · redux未使用React 18重新呈现组件

4 年前