Имеется простая форма с 2-мя инпутами, на каждом из которых весит обработчик onChange и компонент Map. При вводе значений в инпут обновляется компонент Map(он перерендывается), как этого избежать.
function Order() {
const [street, setStreet] = useState('')
const [house, setHouse] = useState('')
const valueToState = (e) => {
const name = e.target.name
const value = e.target.value
switch(name){
case 'street':
setStreet(value)
break
case 'house':
setHouse(value)
break
default:
break
}
}
const submitForm = (e) => {
e.preventDefault()
}
return (
<div className="order">
<div className="order__container">
<form onSubmit={submitForm}>
<input type="text" name='street' placeholder='Улица' value={street} onChange={valueToState}/>
<input type="text" name='house' placeholder='Дом' value={house} onChange={valueToState}/>
<button>Найти</button>
</form>
<Map />
</div>
</div>
)
}