直接操作<text> </text>内容

Question

在手势中我想更新组件内的文本。如果我更新状态，它的工作速度不够快。所以我想直接更新此组件的内容，如setNativeProps。反应是原生的吗？

Answer 1

您可以使用refs直接操作组件。 在JSX中：

<Text ref='myTextComponent'>Test Text</Text>

然后你可以使用：

doThing: function(value) {
  this.refs.myTextComponent.setNativeProps({
    opacity: value
  });
},

但请注意，建议您不要经常使用它，因为它可能会造成性能瓶颈。如果使用不当，它也是针对React状态的反模式。

可以在此处找到文档：https://facebook.github.io/react-native/docs/direct-manipulation.html#content