29 |
30 |
Login - React Standalone
31 |
Custom field names and validation
32 |
{
38 | return Promise.resolve(authData);
39 | }}
40 | validate={({username, secretPhrase}) => {
41 | return {
42 | username: !username ? 'E-mail address is required' : null,
43 | secretPhrase: !secretPhrase ? 'Secret phrase is required' : null
44 | };
45 | }} />
46 |
47 |
48 |
49 |
Login - Feathers Service
50 |
51 |
52 |
53 |
54 |
Login - Can-Connect Model
55 |
59 |
60 |
61 |
62 |
Login - Error
63 | {
65 | return new Promise((resolve, reject) => {
66 | setTimeout(() => {
67 | reject('Invalid everything! No soup for you!');
68 | }, 200);
69 | });
70 | }}
71 | onSuccess={handleSuccess}
72 | onError={error => { console.error(error); }} />
73 |
74 |
41 |
42 |
Signup - React Standalone
43 |
basic validation example
44 |
{
50 | return Promise.resolve(authData);
51 | }}
52 | validate={({username, secretPhrase}) => {
53 | return {
54 | username: !username ? 'E-mail address is required' : null,
55 | secretPhrase: !secretPhrase ? 'Secret phrase is required' : null
56 | };
57 | }} />
58 |
59 |
60 |
61 |
Signup - Feathers Service
62 |
63 |
64 |
65 |
66 |
Signup - Can-Connect Model
67 |
Async email validation: try contact@bitovi.com
68 |
{
71 | return {
72 | email: !email ? 'E-mail address is required' : emailError || null,
73 | password: !password ? 'Password is required' : null
74 | };
75 | }}
76 | onSuccess={handleSuccess}
77 | usernameField='username'
78 | usernamePlaceholder='username'
79 | asyncValidation={simulatedAsyncValidation} />
80 |
81 |
82 |
83 |
Signup - Error
84 | {
86 | return new Promise((resolve, reject) => {
87 | setTimeout(() => {
88 | reject('Invalid everything! No soup for you!');
89 | }, 200);
90 | });
91 | }}
92 | onSuccess={handleSuccess}
93 | onError={error => { console.error(error); }} />
94 |
95 |