Question

我正在以编程方式生成（formik）表单。以下效果很好。

var coolist = ReferralColDef.map((el) =>
        <div> 
          <label>{el.Header}</label> 
          <Field type={el.type} name={el.accessor} placeholder={el.Header} />
        </div>
      )

如何在div标签内的Field标签之后添加以下行？还是有更好的方法呢？

{touched.{el.accessor} && errors.{el.accessor} && <p>{errors.{el.accessor}}</p>}

Answer 1

有点困惑，但听起来您想要这样的东西... “在div内部，但在字段之后”。

var coolist = ReferralColDef.map((el) =>
        <div> 
          <label>{el.Header}</label> 
          <Field type={el.type} name={el.accessor} placeholder={el.Header} />
          {touched.[el.accessor] && errors.[el.accessor] && <p>{errors.[el.accessor]}</p>}
        </div>
      )

如果您实际上正在谈论样式化输出，就像您希望文本位于下面，则display：block在大多数情况下应该可以使用

如何以编程方式添加js代码？

1 个答案: