react-multiple | react 结合webpack多入口打包 | Frontend Utils library

in the codesandbox link here i have a form with multiple inputs, i want to store the input value into localstorage of each one and everytime i refresh the page, the value of each one still there and of course, when it on change, the localstorage automatically update the value of each one as well, thank for help me out and have a good day, thank you :)

p/s: as you can see in this gif image ,

i can store their values in the localstorage but i dont know how to retain the value on the input when page is refreshed and update it as well. my idea is to clone Medium and when user want to write new story, it automatically generate a new id in the url params, when input text onChange, the firebase realtime database will store event.target.value and keep it in the localstorage as well but when i refresh the page, the state of the text is gone and i dont know how to handle it, thank for taking time to help me, i really appreciate that