quiero que el texto esté en mayúsculas con un diseño de hormiga, probé esto:
<Form form={form} layout='vertical' autoComplete='off'> <Form.Item name='apellido_empleado' label='Apellidos' rules={[ { required: true, message: 'Por favor ingrese los apellidos', transform: (v) => v.toUpperCase(), }, ]}> <Input /> </Form.Item>parece que la transformación de propiedad solo funciona para validaciones.
Puede usar el evento onInput para transformar texto a mayúsculas.
const [form] = Form.useForm<{ apellido_empleado: string }>(); return ( <> <Form form={form} layout='vertical' autoComplete='off' sub> <Form.Item name='apellido_empleado' label='Apellidos' rules={[ { required: true, message: 'Por favor ingrese los apellidos' }, ]}> <Input onInput={e => e.target.value = e.target.value.toUpperCase()} /> </Form.Item> </Form> <Button onClick={() => console.log(form.getFieldValue('apellido_empleado'))}>Print value</Button> </> ); En mecanografiado (e.target as HTMLInputElement).value