我在 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 中的有效元素。

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

I am having an error on react-multi-carousel

npm

react-native

react-multi-carousel