我正在尝试使用引用访问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更改slider的值。如果我在onDivHover中注释了这一行,则可以成功加载该应用程序。即将出现的错误是React无法解析myslider内部的onDivHover

这似乎很疯狂,因为我已经看到很多使用它的示例。我可能会错过一些非常基本和重要的内容。请帮助解决此问题。

最佳答案

React事件需要一个函数,因此您应该传递一个引用,而不是执行它:

onMouseOver={this.onDivHover}

08-19 07:04