React refs - 使用 refs 访问 DOM 节点

Question

我正在尝试使用 refs 访问 react 组件的 DOM 节点。我已经看到很多这样做的例子。我决定使用 React 制作我的第一个应用程序，然后我被困在解决这个问题上。

onDivHover:function()
{
    this.refs.myslider.getDOMNode().value = 20;
},

render: function() {
    return (
        <div className="sliderBox" OnMouseOver={this.onDivHover()}>
            <input ref="myslider" type="range" min={this.props.minimum} max={this.props.maximum} />
        </div>
    );
}

看，在代码中我尝试使用 refs 更改滑块的值。如果我在onDivHover 中评论那一行，我就可以成功加载应用程序。即将出现的错误是 React 无法在 onDivHover 中解析 myslider。

这似乎很疯狂，因为我已经看到很多使用它的例子。我可能遗漏了一些非常基本和重要的东西。请帮助解决这个问题。

Answer 1

React 事件需要一个函数，所以你应该传递一个引用，而不是执行它：

onMouseOver={this.onDivHover}