2016-11-17 9 views
1

この問題を追跡する質問は私の問題を解決できませんでした。私はバージョンを反応Uncaught TypeError:スーパー式はnullまたは関数で、未定義ではありません(...)

reactjs giving error Uncaught TypeError: Super expression must either be null or a function, not undefined

は "^ 15.3.1" です。

私は

import React from 'react'; 
import { ButtonInput } from 'react-bootstrap'; 
import {Form,ValidatedInput} from 'react-bootstrap-validation'; 

class myComponent extends React.Component { 
    constructor(props) { 
    super(props); 
    this.handleValidSubmit = this.handleValidSubmit.bind(this); 
    this.handleInvalidSubmit = this.handleInvalidSubmit.bind(this); 

    } 
    handleValidSubmit(values){ 

    } 
    handleInvalidSubmit(errors,values){ 

    } 
    render() { 
    return (
     <Form onValidSubmit={this.handleValidSubmit} 
       onInvalidSubmit={this.handleInvalidSubmit}> 

       <ValidatedInput 
        type='text' 
        label='Email' 
        name='email' 
        validate='required,isEmail' 
        errorHelp={{ 
         required: 'Please enter your email', 
         isEmail: 'Email is invalid' 
        }} 
       /> 

       <ValidatedInput 
        type='password' 
        name='password' 
        label='Password' 
        validate='required,isLength:6:60' 
        errorHelp={{ 
         required: 'Please specify a password', 
         isLength: 'Password must be at least 6 characters' 
        }} 
       /> 

       <ValidatedInput 
        type='password' 
        name='password-confirm' 
        label='Confirm Password' 
        validate={(val, context) => val === context.password} 
        errorHelp='Passwords do not match' 
       /> 


       <ValidatedInput 
        type='checkbox' 
        name='agree' 
        label='I agree to the terms and conditions' 
        validate='isChecked' 
       /> 

       <ButtonInput 
        type='submit' 
        bsSize='large' 
        bsStyle='primary' 
        value='Register' 
       /> 

      </Form> 
    ); 
    } 
} 

module.exports = myComponent; 
+0

"フォーム"コンポーネントのインポートはありません。 – degr

+0

'{レスポンスブートストラップ検証'のインポート{フォーム、ValidatedInput}。 – Akshay

+0

申し訳ありませんが、私は今参照してください。あなたのクラス宣言の前にconsole.log(ButtonInput)のようなことをしてください。インポートパスが正しくないように見えます。 – degr

答えて

0

以下のコードを追加したreact-bootstrapバージョン> = 0.30との競合があるかのように思えます。

react-bootstrap-validationとの互換性のためにreact-boostrapバージョンをダウングレードすると動作することがあります。

公式発行スレッドhereです。作者がこの互換性問題を修正するためのアップデートを発行するまでは、準最適な '解決策'であっても、react-bootstrapバージョンをダウングレードする必要があります。

関連する問題