Definir state usando utilizando Currying - #ReactJS
Bem antes de partir para o exemplo precisamos definir o que Currying?
Currying é um processo em programação funcional no qual podemos transformar uma função com múltiplos argumentos em uma sequência de funções aninhadas. Ele retorna uma nova função que espera o próximo argumento embutido.
Usando currying, você pode compor funções para diferentes propósitos.
Neste caso, estamos usando uma função para criar diferentes funções "setter" para
atualizando o estado em React.
import React from 'react'
const Form = () => {
const [username, setUsername] = React.useState('')
const [password, setPassword] = React.useState('')
const setInput = (setter) => (event) => {
setter(event.currentTarget.value)
}
return (
<form>
<input value={username} onChange={setInput(setUsername)} />
<input value={password} onChange={setInput(setPassword)} />
</form>)
}