React native 将react本机组件与vue本机组件组合

是否有任何方法可以将像这样的react本机组件与vue本机组件组合在一起

我在vue native中有一个项目，希望在其中使用react native组件，但我有一个不明白的错误：控制台说：

不变冲突：需要一个字符串（对于内置组件）或一个类/函数（对于复合组件），但得到了：未定义

<template>
  <nb-container>
    <nb-content>
              <carousel
                :data="similarEventsData"
                :renderItem="_renderItem"
                :sliderWidth="sliderWidth"
                :itemWidth="itemWidth"
                :inactiveSlideScale="0.95"
                :inactiveSlideOpacity="1"
                :enableMomentum="true"
                :activeSlideAlignment="'start'"
                :containerCustomStyle="stylesObj.slider"
                :contentContainerCustomStyle="stylesObj.sliderContentContainer"
                :activeAnimationType="'spring'"
                :activeAnimationOptions="{ friction: 4, tension: 40 }"
              />
    </nb-content>
  </nb-container>
</template>

<script>
import { Dimensions, Platform, Share } from "react-native";
import Carousel from 'react-native-snap-carousel';
import { scrollInterpolators, animatedStyles } from '../../utils/animations';

const { width: viewportWidth, height: viewportHeight } = Dimensions.get('window');
const slideHeight = viewportHeight * 0.36;
const slideWidth = wp(75);
const itemHorizontalMargin = wp(2);

export default {
  components: { carousel: Carousel },
  computed: {
    similarEventsData () {
      return [1, 2, 3]
    }
  },
  data: function() {
    return {
      sliderWidth: viewportWidth,
      itemWidth: slideWidth + itemHorizontalMargin * 2,
      stylesObj: {
        slider: {
          marginTop: 15,
          overflow: 'visible'
        },
        sliderContentContainer: {
          paddingVertical: 10
        },
      }
    };
  },
  methods: {
    _renderItem ({item, index}) {
      return <Text>fsd</Text>;
    },
  },
};
</script>

从“react native”导入{维度、平台、共享}；
从“react native snap Carousel”导入转盘；
从“../../utils/animations”导入{scrollInterpolators，animatedStyles}；
const{width:viewportWidth，height:viewportHeight}=Dimensions.get（'window'）；
常量滑块高度=视口高度*0.36；
常数滑动宽度=wp（75）；
const itemHorizontalMargin=wp（2）；
导出默认值{
组件：{carousel:carousel}，
计算：{
类似事件数据（）{
返回[1,2,3]
}
},
数据：函数（）{
返回{
滑块宽度：视口宽度，
itemWidth:slideWidth+itemHorizontalMargin*2，
stylesObj：{
滑块：{
玛金托普：15，
溢出：“可见”
},
sliderContentContainer：{
填充垂直：10
},
}
};
},
方法：{
_renderItem（{item，index}）{
退回消防处;；
},
},
};

---

我希望渲染组件，但运气不佳

您找到解决方案了吗？