# <PersonalInfo values change nextStep previousStep />
The Personal Info component that is renderd on the second step of the Registration component. This component can be skipped if the user signing up is a student.
PropTypes:
| Name | Type | Required | Description | Default |
|---|---|---|---|---|
values |
object | Yes | The form field values passed down from the Register component | |
change |
func | Yes | The change function to handle the input changes in the form and update the state in the parent component | |
nextStep |
func | Yes | The next step function to handle progressing further in the form | |
previousStep |
func | Yes | The prevous step function to handle backwards movement in the form |
- To Do:
-
- Add error handling for form fields before processing the previous/next functions
View Source components/users/Register/PersonalInfo.js, line 13
JSX.Element
Methods
# inner next(e)
This function is called when the user clicks on the next button. This function has an event parameter to prevent the page from refreshing after a mocked submit event. This is an exact copy of the next method from the UserInfo component. The only thing that is different between this function and the above mentioned one, is that this function is not checking for form field errors.
Parameters:
| Name | Type | Description |
|---|---|---|
e |
React.ChangeEventHandler.<HTMLInputElement>
|
The event handler object for the input fields |
# inner previous(e)
This function is called when the user clicks on the back button. This function has an event parameter to prevent the page from refreshing after a mocked submit event.
Parameters:
| Name | Type | Description |
|---|---|---|
e |
React.ChangeEventHandler.<HTMLInputElement>
|
The event handler object for the input fields |