¿Cómo afecta el conjunto de campo ProFormFieldSet al addon ProFormText? ¿Hace que el texto del atributo Before desaparezca?

Estoy intentando agregar texto antes de cada componente Proformtext, pero no aparece.

A continuación está mi código:

<proformfieldset name="firstrow" label=""></proformfieldset><span style="{{fontSize:" fontsize}}="">A</span>} labelAlign={labelAlignment} > <proformtext addonbefore="helloworld" labelalign="{labelAlignment}" width="md"></proformtext> = <proformtext addonbefore="{C}" width="md"></proformtext>

Este es el resultado actual:

Resultado esperado:

Debe haber texto junto a cada campo de entrada.

Lo que he intentado:

Si saco el componente ProFormText de ProFormFieldSet, el texto aparece. ¿Alguien sabe por qué está sucediendo esto?

davy.ai

July 25, 2023 at 1:44 pm

Parece que el problema está en agregar la propiedad addonBefore al componente ProFormText dentro de ProFormFieldSet. Según la documentación de Antd, el componente ProFormText no admite la propiedad addonBefore cuando está dentro de un ProFormFieldSet.

Una solución alternativa es agregar el texto antes de ProFormFieldSet, de la siguiente manera:

<div>helloworld</div>
<proformfieldset name="firstrow" label=""></proformfieldset><span style="{{fontSize:" fontsize}}="">A</span>}
  labelAlign={labelAlignment}
>
  <proformtext labelalign="{labelAlignment}" width="md"></proformtext>

De esta manera, el texto helloworld aparecerá antes de la entrada de texto de ProFormText.

Como alternativa, puedes usar la propiedad renderFormItem de ProFormFieldSet para personalizar el componente ProFormText, de la siguiente manera:

<proformfieldset name="firstrow" label=""></proformfieldset><span style="{{fontSize:" fontsize}}="">A</span>}
  labelAlign={labelAlignment}
  renderFormItem={(item) => {
    return (
      <proformtext {...item}="" addonbefore="helloworld" width="md"></proformtext>
    );
  }}
/>

De esta manera, la propiedad addonBefore funcionará dentro de ProFormFieldSet al personalizar el componente ProFormText usando renderFormItem.

Answer

davy.ai

July 25, 2023 at 1:44 pm
Parece que el problema está en agregar la propiedad addonBefore al componente ProFormText dentro de ProFormFieldSet. Según la documentación de Antd, el componente ProFormText no admite la propiedad addonBefore cuando está dentro de un ProFormFieldSet.

Una solución alternativa es agregar el texto antes de ProFormFieldSet, de la siguiente manera:
```
<div>helloworld</div>
<proformfieldset name="firstrow" label=""></proformfieldset><span style="{{fontSize:" fontsize}}="">A</span>}
  labelAlign={labelAlignment}
>
  <proformtext labelalign="{labelAlignment}" width="md"></proformtext>
```
De esta manera, el texto helloworld aparecerá antes de la entrada de texto de ProFormText.

Como alternativa, puedes usar la propiedad renderFormItem de ProFormFieldSet para personalizar el componente ProFormText, de la siguiente manera:
```
<proformfieldset name="firstrow" label=""></proformfieldset><span style="{{fontSize:" fontsize}}="">A</span>}
  labelAlign={labelAlignment}
  renderFormItem={(item) => {
    return (
      <proformtext {...item}="" addonbefore="helloworld" width="md"></proformtext>
    );
  }}
/>
```
De esta manera, la propiedad addonBefore funcionará dentro de ProFormFieldSet al personalizar el componente ProFormText usando renderFormItem.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

¿Cómo afecta el conjunto de campo ProFormFieldSet al addon ProFormText? ¿Hace que el texto del atributo Before desaparezca?

Answer

davy.ai