ReactJS中的Ref和State差异

---

在这里，我了解了React JS中的ref。但是仍然不清楚为什么使用ref而不是State。

ref通常用于访问DOM元素，以设置或获取html属性，如宽度、高度等。您也可以使用它来获取值，例如从文本字段获取值。状态定义了可因您执行的不同操作而改变的组件属性。

仅举一个例子。假设您想将Material Design Lite（）集成到React应用程序中。为了正确地将MDL挂接到React组件中，它需要直接访问底层DOM元素。这可能是使用

refs

的有效用例

从“React”导入React；
类按钮扩展了React.Component{
componentDidMount（）{
window.componentHandler.upgradeElement（this.node）；
}
组件将卸载（）{
window.componentHandler.degradeElements（this.node）；
}
render（）{
返回(
{this.node=node；}}
className=“mdl按钮mdl js按钮mdl js涟漪效应”
>
{this.props.children}
);
} 
}
导出默认按钮；

您能通过任何实时问题详细说明它的重要性吗？提前谢谢。