使用道具时我的文本不显示（React Native）

Question

组件文件

function GoalItem(props) {
    return( 
          <Text style={Styles.prop}>{props.text}</Text>  
    );
}
export default GoalItem;

应用程序文件

    <FlatList data={(list)} renderItem={(itemData) => {
          <GoalItem text={(itemData.item.value)} />
        
      }}
      keyExtractor={(item, index) => {
        return item.id
      }}/>

====================================================== =================================================== =================================================== =================================================== =================================================== =========

Answer 1

您的

renderItem

函数没有 return 语句。试试这个：

<FlatList data={(list)} renderItem={(itemData) => {
          return <GoalItem text={(itemData.item.value)} />
        
      }}
      keyExtractor={(item, index) => {
        return item.id
      }}/>