react-native错误存档

最新推荐文章于 2020-12-20 02:36:25 发布

原创最新推荐文章于 2020-12-20 02:36:25 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

本文解析了React Native开发中常见的几个问题，包括JSON值类型转换错误、组件样式及源引用错误、事件处理函数的不当使用导致的问题以及变量重复导入引起的未定义错误。通过对比错误与正确的代码示例，帮助开发者快速定位并解决这些问题。

错误

JSON value '1' of type NSNumber cannot be converted to NSString

错误代码：

  <Image style={styles.icon} source={{uri: info.icon}} />

正确代码：

<Image source={this.props.icon} resizeMode='contain' style={styles.icon} />

事件自动触发异常：（困扰了好久的一个坑）

//错误形式
 
   onitempress = (rowData) => {

        console.log("onitempress")
        console.info(rowData)
        this.props.navigation.navigate('Redetail');

    }

    renderCell = (rowData: any) => {

      // console.info(rowData.index)
        return (
            <Enpostitem onitempress={

                    this.onitempress({rowData})


            }
                        style={{marginTop: 8}}/>
        )
    }

//正确形式
  onitempress (rowData)  {
        console.log("onitempress")
        console.info(rowData)
        this.props.navigation.navigate('Redetail');
    }
    

    renderCell = (rowData: any) => {

      // console.info(rowData.index)
        return (
            <Enpostitem onitempress={
                ()=>{
                    this.onitempress({rowData})
                }
                
            }
                        style={{marginTop: 8}}/>
        )
    }

重复导入变量会导致未undefined定义

    import { AppRegistry } from 'react-native'
    import { v2 } from 'react-native'
/／会导致v2未定义