Question

这个小脚本出错了。删除了所有内容，但在这个简单的示例中仍然出现错误。得到了＆＃34; a＆＃34;在控制台，但然后一个错误。

import React, { Component } from 'react';
import {
    View,
    Text
} from 'react-native';

export default class AfishaAbout extends Component {
    constructor(props){
        super(props);
    }
    render(){
        console.log("a")
        return (
            <View>
                <Text>Test</Text>
            </View>
        )
        console.log("b")
    }
}

BTW：我看到github上的一个人提议对RN源代码进行一些修改，以显示这类错误的行号，但我现在无法找到它。

Answer 1

空间在React中很重要所以它可能在这里：

 <View>
   <Text>Test</Text>
 </View>

某个地方有一个空格。我会尝试将其更改为以下内容：

 <View><Text>Test</Text></View>

只是为了查看空格是否是问题，并删除console.logs。如果有帮助，请告诉我！

原始文本必须包含在显式<text>组件中

1 个答案: