我正在尝试在React Native中添加一个函数组件的ref,以便在FlatList组件上使用scrollToEnd.
我想使用重构为此,并且正如他们的文档所述,toClass()应该能够处理这个问题.但是,没有给出任何例子.
目前,这是我失败的实施.有人能告诉我我做错了什么吗?
我非常感激!
import React from 'react'; import PropTypes from 'prop-types'; import { FlatList,View,Text } from 'react-native'; import { graphql } from 'react-apollo'; import { compose,toClass,lifecycle } from 'recompose'; import CommentItem from './CommentItem'; import { commentsQuery } from '../../queries/comments'; const CommentScreen = ({ onRef,currentUser,data: { comments,loading } }) => { if (loading) { return ( <View> <Text>Loading...</Text> </View> ); } return ( <FlatList ref={ref => { this.refs.commentList = ref; }} data={comments} keyExtractor={item => item.id} renderItem={({ item }) => <CommentItem {...item} currentUser={currentUser} />} /> ); }; export default compose( toClass,graphql(commentsQuery),lifecycle({ componentDidMount() { console.log('PROPZZZ',this.commentList); },}),)(CommentScreen); CommentScreen.propTypes = { fetchComments: PropTypes.func.isrequired,updateId: PropTypes.number.isrequired,comments: PropTypes.arrayOf(Object),text: PropTypes.string.isrequired,};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。