reactjs – 如何使用重构的toClass HOC将ref添加到功能组件？

我想使用重构为此,并且正如他们的文档所述,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,};