Reactjs Formik组件=“;文本区域”;占位符中的多行

Reactjs Formik组件=“;文本区域”;占位符中的多行,reactjs,formik,Reactjs,Formik,如何在Formik textarea中的占位符文本中打印换行符/换行符。 我已经尝试过\n,似乎没有任何效果 // &#13;, &#10; didn't work <Field className="form-control" component="textarea" name="dayWiseItinerary" rows="6" placeholder=" day 1: Temple visit,

如何在Formik textarea中的占位符文本中打印换行符/换行符。 我已经尝试过\n,似乎没有任何效果

// &#13;, &#10; didn't work
<Field
      className="form-control"
      component="textarea"
      name="dayWiseItinerary"
      rows="6"
      placeholder="
      day 1: Temple visit,&#13;&#10;
      day 2: Jungle barbeque,\n
      day 3: Waterfall visit in the evening,\n
      day 4: Visit UNESCO World Heritage Site,\n
      day 5: Art gallery show,\n
      day 6: Visit grand swimming pool,\n
      day 7: Visit to Blue fort
      "
    />
/
 没用
允许您指定多行文本字符串

<textarea
  cols={40}
  placeholder={`day 1: Temple visit,&#13;&#10;
day 2: Jungle barbeque,\n
day 3: Waterfall visit in the evening,\n
day 4: Visit UNESCO World Heritage Site,\n
day 5: Art gallery show,\n
day 6: Visit grand swimming pool,\n
day 7: Visit to Blue fort`}
  rows={20}
/>

注意:由于这是一个字符串模板文本,请注意模板中的空格。请注意,上面没有每行的前导空格。还请注意,现在呈现了换行符
\n


扩展@Drew Reese answer,关于他关于空白的注释,您也可以这样做:

<textarea
  cols={40}
  placeholder={'day 1: Temple visit,&#13;&#10;'
    + 'day 2: Jungle barbeque,\n'
    + 'day 3: Waterfall visit in the evening,\n'
    + 'day 4: Visit UNESCO World Heritage Site,\n'
    + 'day 5: Art gallery show,\n'
    + 'day 6: Visit grand swimming pool,\n'
    + 'day 7: Visit to Blue fort'}
  rows={20}
/>

如果@keikai是正确的,则可以尝试使用模板文字来允许占位符道具文本跨越多行。