2.0.3 • Published 2 years ago
@pairohit/formrop v2.0.3
Formrop
Simple Alternative to Formik + Typescript
Example
import React from "react";
import { useFormrop } from "@pairohit/formrop";
const initProps = { email: "", password: "" };
export function Form(props) {
const [
credentials, // <= gives values
dynamiCredentials, // <= dynamically handles onChange
manualCredentials, // <= manually can change values
resetCredentials, // <= resets all values
] = useFormrop(initProps);
/**How to use manualCredentials ??
*
* manualCredentials({ email : "pairohit16@gmail.com"}) or
* manualCredentials({ password : "1234"})
*/
const handleSubmit = (e) => {
e.preventDefault();
console.log(credentials);
// after 1 sec reset credentials to simulate real form operation
setTimeout(() => {
resetCredentials();
}, 1000);
};
return (
<form onSubmit={handleSubmit}>
<input
type="email"
// name should be present in initProps otherwise onchange won't work
name="email"
value={credentials.email}
onChange={dynamiCredentials}
/>
<input
type="password"
name="password"
value={credentials.password}
onChange={dynamiCredentials}
/>
<button type="submit">Submit</button>
</form>
);
}
2.0.3
2 years ago
2.0.2
2 years ago
2.0.1
2 years ago
2.0.0
3 years ago
1.4.6
3 years ago
1.4.5
3 years ago
1.4.4
3 years ago
1.4.3
3 years ago
1.4.2
3 years ago
1.4.1
3 years ago
1.4.0
3 years ago
1.4.11
3 years ago
1.3.95
3 years ago
1.3.9
3 years ago
1.3.7
3 years ago
1.3.6
3 years ago
1.3.8
3 years ago
1.3.42
3 years ago
1.3.4
3 years ago
1.3.3
3 years ago
1.3.35
3 years ago
1.3.2
3 years ago
1.3.17
3 years ago
1.3.16
3 years ago
1.3.15
3 years ago
1.3.10
3 years ago
1.3.5
3 years ago
1.2.855
3 years ago
1.3.0
3 years ago
1.2.85
3 years ago
1.2.9
3 years ago
1.2.8
3 years ago
1.2.7
3 years ago
1.2.621
3 years ago
1.2.62
3 years ago
1.2.61
3 years ago
1.2.6
3 years ago
1.2.5
4 years ago
1.2.41
4 years ago
1.2.4
4 years ago
1.2.3
4 years ago
1.2.2
4 years ago
1.2.1
4 years ago
1.1.0
4 years ago
1.0.0
4 years ago