我正在尝试从父组件控制子组件中的转盘。
我已经在子组件上使用了前向引用，但它不起作用。我哪里出错了？

家长：

const CoachingCarousel = ({}) => {
  const carouselRef = useRef<Lottie>(null);

  const renderItem = ({item}: any) => {
    return (
      <View style={styles.renderItemContainer}>
        {item.icon}
        <Text style={[styles.titletext, spacing.gbMt7]} variant="titleLarge">
          {item.title}
        </Text>
        <Text style={[styles.subtitleText, spacing.gbMt4]} variant="bodyMedium">
          {item.text}
        </Text>
        <Text
          style={[styles.next]}
          variant="bodyLarge"
          onPress={() =>
            carouselRef?.current?.goToSlide(
              totalSlides !== item.key
                ? item.key
                : () => {
                    setCoachingScreenCompleted('CoachingScreenCompleted', true),
                      console.log('Go to homepage');
                  },
            )
          }>
          {totalSlides !== item.key ? 'Next tbc' : 'Done tbc'}
        </Text>
      </View>
    );
  };

  return (
    <AppCarousel slides={slides} renderItem={renderItem} ref={carouselRef} />
  );
};

孩子：

const AppCarousel = React.forwardRef(
  ({style, slides, renderItem}: props, ref) => {
    return (
      <View style={[styles.container, style]}>
        <AppIntroSlider
          ref={ref}
          renderItem={renderItem}
          data={slides}
        />
      </View>
    );
  },
);