I am learning React and in the process I am developing my JavaScript skills which are currently beginner level. I have a component that represents a registration form and the form's input values (username, email password etc) are stored in the component's state.
The form's state is the following:
this.state = {
username: "",
password: "",
email: "",
firstName: "",
lastName: "",
country: "",
region: "",
phoneNumber: "",
selectCountries: []
};
Let's stay I want to create a new object to pass to a registration method, which would only include the username, email and password fields. What is the best way and fastest way to do so?
Currently what I do is manually map the properties I want like so:
const { username, email, password } = this.state;
let registrationData = {
username, email, password
};
Is this the best way to do it? Is there any way to merge these two statements into one?
Any input would be greatly appreciated, thanks a lot!