API reference > @kontsedal/olas-react > useField

useField() function

Subscribe to all signals on a Field<T> with a single useSyncExternalStore call. Returns the plain values plus the action methods so a binding to an<input> is one destructure. See spec §20.10.

Signature:

export declare function useField<T>(field: Field<T>): UseFieldResult<T>;

Parameters

Parameter	Type	Description
field	Field<T>

Returns:

UseFieldResult<T>

Example

function NameInput({ field }: { field: Field<string> }) {
  const f = useField(field)
  return (
    <label>
      <input value={f.value} onChange={(e) => f.set(e.target.value)} onBlur={f.markTouched} />
      {f.touched && f.errors[0] && <em>{f.errors[0]}</em>}
    </label>
  )
}