Mesuti

<form onSubmit={
    (event) => {
        event.preventDefault()
        console.log(inputCityValue)
    }
}>
    <Input value={inputCityValue} onChange={onChangeHandlerWrapper(setInputCityValue)}/>
    <button type='submit'><span>Обновить данные</span></button>
</form>

const input = useRef(null)
...
function successSubmit() {
   input.current.value = ""
}
...
<Input ref={input } />

const [state, setState] = useState({
   inputValue: ''
})
...
function successSubmit() {
   setState(prevState => {
        return {
            ...prevState,
            inputValue: ''
        }
    })
}
...
<Input 
   value={state.inputValue} 
   onInput={e => {
    setState(prevState => {
        return {
            ...prevState,
            inputValue: e.target.value
        }
    })
   }}/>

function successSubmit() {
   document.querySelectorAll('input').forEach(i => i.value = '')
}

<div class="for_pc d-none d-lg-block"></div>
<div class="for_mobile d-none d-sm-block"></div>

.page_heading{
   font-size: 40px;
 }