javascript - 如何在 KeyDown 事件中调用子组件中父组件中定义的函数？

Question

var B = React.createClass({
    render: function() {
    return (
        <div>
            <input type="button" onClick={this.props.saveFunction} />        
        </div>
    );
  }
});

var A = React.createClass({
    render: function() {
        return (
            <div>
                <B saveFunction={this.save} />        
            </div>
        );
    },
    save: function(){
        //Save code
    }
});

您好，我在 facebook React js 工作。我创建了两个组件，其中 A 是父组件，B 是子组件。我在 A 中编写了 Save 函数，并将其引用作为“props”传递给组件 B。我将此保存函数引用传递给从 B 呈现的按钮的“onClick”事件，我还想在用户按下 ENTER 按钮时保存这些值。因此，我试图将相同的引用传递给同一按钮的“onKeyDown”事件。但是，它不起作用。约束是:我不能将保存功能从 A 转移到 B。请让我知道如何实现这一目标。提前致谢!

Answer 1

我你路过this.save子元素的函数，它会失去它的上下文(当关键字 save 指向 this 元素时，JavaScript 会厌倦执行 B 函数)。

将该函数与 .bind(this) 绑定(bind)喜欢: <B saveFunction={this.save.bind(this)} />