add option for selection author

src/components/BookForm.js

@@ -18,6 +18,11 @@ const BookForm = ({ addBookItem }) => {
       <input type="text" placeholder="Add Todo..."
        value={title}
        onChange={handleChange} />
+       <select value="author" className="mySelect">
+        <option value="A">a</option>
+        <option value="B">b</option>
+        <option value="C">c</option>
+      </select>
       <button>Submit</button>
     </form>
   );

src/components/BookLogic.js

@@ -6,17 +6,17 @@ const BookLogic = () => {
   const [books, setBooks] = useState([
     {
       id: 1,
-      title: 'Setup development environment',
+      title: 'Java',
       author: 'Ali',
     },
     {
       id: 2,
-      title: 'Develop website and add content',
+      title: 'JavaScript',
       author: 'Jhon',
     },
     {
       id: 3,
-      title: 'Deploy to live server',
+      title: 'PHP',
       author: 'foo',
     },
   ]);
@@ -34,11 +34,10 @@ const BookLogic = () => {
     const newBook = {
       id: 4,
       title: title,
-      completed: "ABC",
+      author: "ABC",
     };
     setBooks([...books, newBook]);
   };
-
 
   return (
     <>

src/components/assets/style.css

@@ -34,3 +34,11 @@ body {
   font-weight: 700;
   color: #0290ff;
 }
+
+.mySelect {
+  width: 111px;
+}
+
+form {
+  margin-top: 22px;
+}