小编Ste*_*idi的帖子

当输入聚焦时,React Native 有条件地渲染视图的一部分

我有以下场景。

function MyComponent() {
  return (
    <View>
      <TextInput ref={ref => (this.input = ref)} style={styles.input} />
      {this.input.isFocused() && <Text>Hello World</Text>}
    </View>
  );
}
Run Code Online (Sandbox Code Playgroud)

这实际上工作正常,但我收到警告:

MyComponent 正在其渲染中访问 findNodeHandle。render 应该是一个纯函数。

如何有条件地呈现文本块并避免此警告?

javascript purely-functional reactjs react-native

4
推荐指数
1
解决办法
6164
查看次数