首页 > 解决方案 > TypeError:尝试在 React-Native 中创建简单的多项选择时,超级表达式必须为 null 或函数

问题描述

我正在尝试创建一个简单的多项选择

'

use strict';

import React, {
    Component,
    StyleSheet,
    Text,
    View
} from 'react-native';

import MultipleChoice from 'rn-multiple-choice'

class Home extends Component {
    render() {
        return (
            <View style={styles.container}>
                <MultipleChoice
                    options={[
                        'Lorem ipsum dolor sit',
                        'Lorem ipsum',
                        'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.',
                        'Lorem ipsum dolor sit amet, consetetur',
                        'Lorem ipsum dolor'
                        ]}
                    selectedOptions={['Lorem ipsum']}
                    maxSelectedOptions={2}
                    onSelection={(option)=>alert(option + ' was selected!')}
                />
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        marginTop: 60,
        margin: 20
    },
});

export default Home

但是当我尝试运行它时它给了我这个错误: TypeError: Super expression must be null or a function

有人知道问题可能是什么吗?

标签: react-nativereact-native-androidmultiple-choice

解决方案


你不能从 react native 和 Component 导入 React,你只能

import React from 'react'

并且也这样做

import React, { Component } from 'react';

React 和 React-native 是单独的导入。


推荐阅读