* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

MainPage에서  

tip.map((content,i)=>{return (<Card content={content} key={i}/>) })

여기 부분에 content가 3개나 쓰여있는데 같은 것끼리 묶어보자면,

tip.map((A,i)=>{return (<Card content={A} key={i}/>) })

이렇게 되고,

Card 구성 코드에서

export default function Card({content}) {

    return (<View style={styles.card}>

        <Image style={styles.cardImage} source={{uri:content.image}}/>

        <View style={styles.cardText}>

          <Text style={styles.cardTitle} numberOfLines={1}>{content.title}</Text>

          <Text style={styles.cardDesc} numberOfLines={3}>{content.desc}</Text>

          <Text style={styles.cardDate}>{content.date}</Text>

        </View>

      </View>)  

}

MainPage 랑 연결해서 같은 것끼리 묶어보자면,

export default function Card({A}) {

    return (<View style={styles.card}>

        <Image style={styles.cardImage} source={{uri:A.image}}/>

        <View style={styles.cardText}>

          <Text style={styles.cardTitle} numberOfLines={1}>{A.title}</Text>

          <Text style={styles.cardDesc} numberOfLines={3}>{A.desc}</Text>

          <Text style={styles.cardDate}>{A.date}</Text>

        </View>

      </View>)  

}

이렇게 되는게 맞나요?