react-native - 我在 react-multi-carousel 上遇到错误

Question

这是我的代码

import MultiCarousel from "react-multi-carousel";
import { ImageBackground, Text, View } from 'react-native';
import { styles } from '../components/Styles';

const HomeScreen = props => {
    
    return (
        <View style={styles.container}>
            <View style={styles.carouselCategoryParent}>
                        <MultiCarousel responsive={responsive}>
                            <div>Item 1</div>
                            <div>Item 2</div>
                            <div>Item 3</div>
                            <div>Item 4</div>
                        </MultiCarousel>;
               </View>
        </View>
    );
}
export default HomeScreen;

这是我在代码中遇到的错误；

Error: Text strings must be rendered within a <Text> component.

This error is located at: 
in RCTView (at View.js:34)
in View (at HomeScreen.js:61)
in RCTView (at View.js:34)
in View (at HomeScreen.js:46)

这是我到目前为止尝试过的，希望得到一些解决方案

Answer 1

只需删除“;” 在结束标记之后</MultiCarousel>并更改<div>为<View>. <div>不是 React Native 中的有效元素。