I stuck at lifting up state part

const BookList = () => {
const [bookList, setBookList] = useState([])

const addBook = (book) => {
setBookList([…bookList, book])

}
const Display=()=>{
return (


    {bookList.map((list) => (
  • {list}

  • ))}

);
}
on submiting form only
  • dots display but not the entered form data.