react-native - Prop 数据未被渲染

Question

我正在尝试在 FlatList 中显示一些数据。数据来自一个 json 文件，并使用 redux 映射到组件 Prop 。我可以从我的组件内部控制台记录 Prop 数据，但我无法在屏幕上呈现它。 (this.props.library.title)。相反，我有一个空列表。

我正在学习一个 udemy 类(class)，我很确定我完全按照这些步骤操作

这是我的子组件:

class ListItem extends Component{
    render(){
        //const _this = this;
        const {title,id}=this.props.library ;
        console.log(this.props);
        return(
            <TouchableWithoutFeedback onPerss={()=> this.props.selectLibrary(id)}>
            <View>
        <CardSection>
        <Text style={styles.textStyle}>
            {title}
        </Text>
        </CardSection>
            </View>
            </TouchableWithoutFeedback>
        );
    }
}
const styles ={
    textStyle:{
        fontSize:18,
        padding:5
    }
}
export default connect(null,actions)(ListItem);

这是控制台日志:

https://imgur.com/pd2qbkt

Answer 1

你应该在 this.props.library 之后放一个项目

像这样

const { title, id } = this.props.library.item