Thread

[ember arch]

Prueba mandarlo en una funcion, al parecer no puede ser asignado desde ahi

[sacred fog]

como en una funcion ?

[ember arch]

si, osea, mandas el parametro a una funcion y dentro de esta hace el cambio del state

[sacred fog]

como seria ?

[ember arch]

digamos que creas una funcion, a esta le vamos a llamar onHandleChange

const onHandleChange (value) => {
    setCleanInput(value)
}

Y en tu onChange quedaria
onChange={e => onHandleChange(e.target.value) }

Tambien puede quedar asi:

const onHandleChange (event) => {
    setCleanInput(event.target.value)
}

onChange=onHandleChange

Si tienes un formulario y quieres llenar un state de tipo objeto, a esa funcion la ajustas

const [cleanObject, setCleanObject] = useState({})

const onHandleChange (name, value) => {
  const updateObject = {
      ...cleanObject,
      [name]: value
    }

    setCleanObject(updateObject)
}

Y en tu onChange quedaria
onChange={e => onHandleChange('input_name', e.target.value) }

Claro lo mejor seria declarar todo el objeto, pero es un ejemplo rapido

[sacred fog]

esta funcion onhandleChange iria dentro de la funcion renderfield ?

[rugged wolf]

Si debes colocarla adentro

Porque utiliza un Hook

[sacred fog]

igual me da error y no me funciona

[rugged wolf]

La función y el useState?

[sacred fog]

todo

[cedar sail]

lo de renderField, esta dentro de un componente ?

[sacred fog]

es una funcion para renderizar a dentro de un field de redux form

la funcion funciona sin la parte del usestate

[cedar sail]

cambia el nombre de tu funcion a RenderField

[rugged wolf]

Tenés razón los componentes jsx empiezan en mayúsculas

[sacred fog]

lo de la mayuscula soluciono el error

ahora me renderiza asi y no me deja escribir ni borrar

[cedar sail]

cambia eso de {} por ''

[sacred fog]

bien

ahora no me deja borrar y cuando hago click aaparece eso

[rugged wolf]

No coloques un string vacío porque la función crea un objeto

[cedar sail]

es que esta mal xd

tu onChange, lo estas haciendo para un formulario

deberia ser solo para ese campo

[rugged wolf]

Exacto porque luego ese componente me imagino que se está usando en un for loop

[sacred fog]

claro el oncange va para cada input

[rugged wolf]

Y si haces esto
SetCleanInput(value)

Y en el useState coloca
useState ("")

[sacred fog]

donde iria el setcleaninput

[rugged wolf]

La línea 218

SetCleanInput(value)

Osea no le pases el objeto updateObject

[sacred fog]

ahi ya me deja escribir bien

pero el boton sigue sin funcionar

la X no borra

[rugged wolf]

La x es un button?

[cedar sail]

muestra el codigo

[sacred fog]

si

[rugged wolf]

Si quieres limpiar solo hace esto

setCleanInput('')

[cedar sail]

donde esta el, x

[rugged wolf]

La x ?

[sacred fog]

pense que salia en la foto ahi esta

close icon

[cedar sail]

le quitaste el onClick

[rugged wolf]

Desconecta el onClick

Descomenta*

[sacred fog]

donde?

[rugged wolf]

Línea 254

[sacred fog]

?

si era lo comentado.. me habia olvidado de descomentar

[rugged wolf]

Funciona?

[sacred fog]

y dentro de ese mismo endadornment quiero pasar un ternario para que en el input password no muestre la cruz sino un ojo

[sacred fog]

si

[rugged wolf]

Pero ya lo tienes

Solo que está comentado

Condicionas el placeholder

Yo validaria el input

Si el input es de tipo password colocar el ojo

para cuando haga click

type={true ? "password": "text"}

[sacred fog]

si pero me tira error

[rugged wolf]

Línea 237 es props.placeholder

[sacred fog]

era eso

ya me renderiza solo el ojo en password

pero no funciona para ocultar la clave

[rugged wolf]

crea un estado y condiciona el input

si sera de tipo text o password

[sacred fog]

@rugged wolf

me podes dar una mano con ese error ?

[rugged wolf]

Puedes mostrar la el archivo titleLabel.js

@sacred fog

[sacred fog]

@rugged wolf si necesitas algo mas decime

y si tenes un rato te pregunto algo mas

[rugged wolf]

Podés ahorita

[sacred fog]

porque sin eso no me renderiza nada