Question

我正在尝试在FlatList中显示一些数据。数据来自json文件，并使用redux映射到props组件。我可以从组件内部console.log 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

道具数据未呈现

1 个答案: