17. Refs in React

Activity 17.01: Creating a Form with an Autofocus Input Element

Solution:

1. Create a new React app using the create-react-app CLI:

   $ npx create-react-app autofocus-form

2. Move into the new React applications folder and start the create-react-app development server:

   $ cd autofocus-form/ && npm start

3. Inside the App.js file, change the App component to only return a plain form component:

   import React from "react";
   class App extends React.Component {
     render() {
       return <form />;
     }
   }
   export default App;

4. Inside the form component, add three input fields – one for firstname, one for lastname, and a third one for email:

   class App extends React.Component {
     render() {
       return (
         <form>
           <input type="text" placeholder="firstname" /&gt...