在本机响应中，“ typeerror：超级表达式必须为空或函数”

Question

我正在使用reactjs。 我尝试进行登录布局。 这是登录类：

import React, {Components} from 'react';
import {StyleSheet, View, Image} from 'react-native';
import LoginButton from '../components/LoginButton';
export default class Login extends Components {
constructor(props) {
    super(props)
}

render() {
    return (
        <View style={styles.container}>
            <LoginButton
                placeholder={"Login"}
                style={styles.LoginButton}
            />
        </View>
    )
}
..........

这是组件中的LoginButton：

import React from 'react';
import {StyleSheet, TouchableOpacity, Text} from 'react-native';
export default class LoginButton extends React.Components{
constructor(props) {
  super(props)
}
    render() {
    const {placeholder} =  this.props
    return (
        <TouchableOpacity style={[this.props.style, styles.container]}>
            <Text style={styles.caption}
                placeholder = {placeholder}
            />
        </TouchableOpacity>
    )
}
}`........`

当我运行这段代码时，React Native给出错误“ typeerror：超级表达式必须为null或函数”。 我该如何解决？