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

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 在大多数情况下应该可以工作