1
この問題を追跡する質問は私の問題を解決できませんでした。私はバージョンを反応Uncaught TypeError:スーパー式はnullまたは関数で、未定義ではありません(...)
は "^ 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;
"フォーム"コンポーネントのインポートはありません。 – degr
'{レスポンスブートストラップ検証'のインポート{フォーム、ValidatedInput}。 – Akshay
申し訳ありませんが、私は今参照してください。あなたのクラス宣言の前にconsole.log(ButtonInput)のようなことをしてください。インポートパスが正しくないように見えます。 – degr