道具数据未呈现

Question

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

我正在学习 udemy 课程，我很确定我完全按照步骤进行了

这是我的子组件：

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