Refs 是 React 提供的接口
允许我们访问真实 DOM

React 的数据流是能过 props 来实现父子组件的交互
而 Refs 允许我们用于强制修改子组件

应用场景

管理 input 的焦点
通过一个按钮,清空 input value, input 聚焦
点击查看【codepen】
媒体管理
控制媒体的播放与暂停
点击查看【codepen】
强制动画
点击查看【codepen】
集成第三方库
如 JQuery 等
点击查看【codepen】

Refs 选用思考

点击查看【codepen】
这样可以实现功能。但是这样是非常之麻烦和没有必要的。
我们应该把 status 考虑为一个状态,让这个状态来控制显示与否

把本来属于子组件的状态,提升到父组件。这样组件的可配置性就强多了
点击查看【codepen】