直接操作

有时需要直接修改组件，而不使用 state/props 来触发整个子树的重新渲染。例如，在浏览器中使用 React 时，有时需要直接修改一个 DOM 节点，移动应用中的视图也是如此。setNativeProps 是 React Native 中相当于直接在 DOM 节点上设置属性的方式。

警告

当频繁重新渲染造成性能瓶颈时，请使用 setNativeProps！

直接操作不会是你经常会用到的工具。通常你只会在创建连续动画时使用它，以避免渲染组件层级和协调大量视图所带来的开销。 setNativeProps 是命令式的，它将状态存储在原生层（DOM、UIView 等）中，而不是存储在你的 React 组件中，这会让你的代码更难推理。

在使用它之前，先尝试使用 setState 和 shouldComponentUpdate 来解决问题。

使用 setNativeProps 编辑 TextInput 的值

setNativeProps 另一个非常常见的用法是编辑 TextInput 的值。TextInput 的 controlled 属性在 bufferDelay 较低且用户输入非常快时，有时会丢失字符。一些开发者更倾向于完全跳过这个属性，而是在必要时使用 setNativeProps 直接操作 TextInput 的值。

例如，下面的代码演示了在点击按钮时编辑输入框：

TypeScript

JavaScript

你可以使用 clear 方法来清空 TextInput，它会以相同的方式清除当前输入文本。

避免与渲染函数冲突

如果你更新了一个也由渲染函数管理的属性，可能会导致一些不可预测且令人困惑的 bug，因为只要组件重新渲染并且该属性发生变化，之前通过 setNativeProps 设置的任何值都会被完全忽略并覆盖。