Olá, estou com dificuldade para conseguir alterar o valor de dois inputs (especificamente). Esses dois inputs ja possuem um value que vem de uma api, porém vai ser necessário alterar esse valor também, como pode ser visto na imagem abaixo.
Como pode ser visto também eu possuo outros inputs na tabela. Aqui está o meu código:
<Table.Body>
{tableSeparations.map((item: InfoInterface, index: number) => (<TableCellInput>
<InputField
label=""
name="volumeExpedido"
value={item.volumeExpedido}
onChange={(event) => handleChange(event, index)}
type="number"/>
))}
Esse é so o input que recebe o valor 13, como está na imagem.
const handleChange = (event:any, index:any) => {
const {value, name} = event.target
setValue({...value, [name]: value})
console.log(value)
};
E essa é a função que eu estou passando no onChange do input.
const [value, setValue] = useState({
numeroDoTranporte: '',
veiculo: '',
volumeSeparado: '',
volumeExpedido: ''
});
E esse é o estado que eu estou utilizando, eu desestruturei ele com o nome de cada input.
E ai eu nao to conseguindo alterar o valor do input, ele fica travado no 13. Alguém poderia me ajudar nisso? Ficarei mt grato, de verdade!!