javascript - 无法将没有 Yoganode 的子级添加到父级

Question

我收到一个错误，我搜索了几个小时，但我发现的唯一一件事是代码中可能存在语法错误，但即使经过大量搜索，我也找不到任何错误。我在编码方面没有那么丰富的经验，刚刚开始学习 react native ，所以您可以建议或指出的任何内容都会非常有帮助。我在下面发布我的代码。我收到的错误是:

cannot add a child that doesn't have a yoganode to a parent without a measure function!(Trying to add a 'ReactRawTextShadowNode' to a 'LayoutShadowNode')

React Native 版本:0.52.0

从'react'导入React；
从 'react-native' 导入 { Text, View };

类 Dashboard 扩展了 React.Component {

constructor() {
    super();
    this.state = { list: [1, 2, 3, 4, 5, 6, 7, 8, 9] };
}

componentDidMount() {
    let listmount = this.state.list.map((listing => {
        return (
            console.log(listing.listmount, 'ls list'),
            <View key={listing.listmount}><Text style={{ color: 'black' }}>{listing.listmount}</Text></View>
        );
    }));
    this.setState({ list: listmount });
    console.log(listmount, 'showing list');
}

render() {
    return (
        <View style={{ borderWidth: 3, borderColor: 'red' }}>
            <View style={styles.dashboard}>{this.state.list}</View>
        </View>
    );
}}

常量样式 = {
仪表板: {
flexWrap: '换行',
高度:'100%'，
宽度:'100%'，
flexDirection: '行',
justifyContent: 'flex-start'
},
项目 View 样式:{
填充:10，
弹性:1，
margin :10，
弹性基础:'40％'，
边框宽度:1，
边框颜色:'蓝色'，
}
};

导出默认仪表板；

Answer 1

class Dashboard extends React.Component {
state = { list: [1, 2, 3, 4, 5, 6, 7, 8, 9] };

listRenderer() {
   return this.state.list.map(listing =>
        <View key={'view ' + listing}>
            <Text key={'text ' + listing } style={{ color: 'black' }}>
                {listing}
            </Text>
        </View>
    );
}

render() {
    return (
        <View style={{ borderWidth: 3, borderColor: 'red' }}>
            <View style={styles.dashboard}>{this.listRenderer()}</View>
        </View>
    );
}}

嗯，这对我有用，只是尝试返回主 map 功能，并且一些代码排序为我完成了这项工作。希望这对某人有帮助。