Question

我有一个组件，当满足某些条件时（根据组件状态），我会在其中显示按钮

{
      this.state.inputTag !== null && this.state.inputTagFocused ? (
        <TouchableOpacity 
          style = {{backgroundColor : Colors.primary, padding : 15, paddingBottom : 5, paddingTop : 5, borderRadius: 2}}
          onPress = {this.handleAddTags}
        >
          <Text style = {{fontFamily : Fonts.primary, color : Colors.white}}>Add</Text>
        </TouchableOpacity>
      ) : null
    }

使用TextInput组件，我正在像这样更新状态

<TextInput
  style = {{ borderBottomColor : Colors.grey, padding : 15, paddingLeft :0, paddingRight : 0, marginRight : 15}}
  onChange = {(text)=> this.setState({inputTag : text})}
  onFocus = {() => this.setState({inputTagFocused : true})}
  placeholderTextColor = {Colors.grey}
  ref = {(tags) => {this.tags = tags}}
  underlineColorAndroid = 'transparent'
  placeholder = 'Add Tags'
  returnKeyType = 'done'
  multiline = {false}
/>

除了按下添加按钮时，所有应用似乎都崩溃了，几分钟后，我收到了“内存不足”的错误消息。

是什么原因引起的问题？以及如何解决？

完整代码可在 here

中找到

Answer 1

尝试在console.log（）中用+替换

onPress TouchableOpacity内存不足，React本机

1 个答案: