学到最后章节,刚接触了ref,我们来看下有哪些重点内容吧。
- Refs是一种脱围机制。我们应该只在必须“跳出React”时使用它们。这方面的常见示例包括管理焦点、滚动位置或调用React未暴露的浏览器API。
- 当我们希望组件“记住”某些信息,但又不想让这些信息触发新的渲染时,我们可以使用ref。
- 与state一样,ref在重新渲染之间由React保留。但是,设置state会重新渲染组件,而更改ref不会!
- 我们可以通过ref.current属性访问该ref的当前值。
- 可以使用ref来存储timeout ID、DOM元素和其他不影响组件渲染输出的对象。
- 我们通过传递
<div ref={myRef}>指示React将DOM节点放入myRef.current。 - 不要在渲染过程中读取或写入ref.current。这会使我们的组件难以预测。
Come On!