例外：文本字符串必须在<Text>成分。 需要协助传递道具

Question

我正在构建一个简单的待办事项应用程序。 我已经使用 firebase 的身份验证在我的应用程序中完成了用户身份验证。 我想使用 firebase 为应用程序中的每个用户创建一个带有 CRUD 操作的待办事项列表。 我陷入了将道具传递到组件以显示任务的简单步骤。

这是我的dashboard.js，它显示了待办事项的列表屏幕

import React, { useEffect, useState } from 'react';

import { StyleSheet, View, TextInput, Text, Button, TouchableOpacity, ScrollView} from 'react-native';
import { StatusBar } from "expo-status-bar";
import { NavigationContainer, useNavigation } from '@react-navigation/native';
import {createStackNavigator} from '@react-navigation/stack';
import {List, ListItem} from 'native-base';
import * as firebase from 'firebase';
import Task from '../components/tasks';

export default function Dash(){
    return(
      <View style = {styles.tasksWrapper}> 
      <Text style={styles.sectionTitle} >   ToDos List    </Text>
      
      <View style={{height:30}}></View> 
      
      <View style = {styles.items}>
      <Task text ={'task1'}/>
      <Task text ={'task2'}/> 
      </View> 
      </View>
    )
}

这是我的tasks.js

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

const Task = (props) => {
  return (
    <View style={styles.items}>
      <View style={styles.itemLeft}>
        <View style={styles.square}> </View>
        <Text style={styles.itemText}> </Text>
      </View>
      <View style={styles.circular}> </View>
      <Text> {props.text} </Text>
    </View>
  );
};

我也很感谢帮助您为来自 firebase 的每个用户构建此仪表板屏幕。