道具数据未被渲染

Question

我正在尝试在FlatList中显示一些数据。数据来自json文件，并使用redux映射到组件props。我可以从我的组件内部调试道具数据，但我无法在屏幕上呈现它。 （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