javascript - 如何以编程方式添加 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 在大多数情况下应该可以工作