Reactjs Formik组件=“;文本区域”;占位符中的多行
如何在Formik textarea中的占位符文本中打印换行符/换行符。 我已经尝试过\n,似乎没有任何效果Reactjs Formik组件=“;文本区域”;占位符中的多行,reactjs,formik,Reactjs,Formik,如何在Formik textarea中的占位符文本中打印换行符/换行符。 我已经尝试过\n,似乎没有任何效果 // , didn't work <Field className="form-control" component="textarea" name="dayWiseItinerary" rows="6" placeholder=" day 1: Temple visit,
// , didn't work
<Field
className="form-control"
component="textarea"
name="dayWiseItinerary"
rows="6"
placeholder="
day 1: Temple visit,
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,
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, '
+ '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是正确的,则可以尝试使用模板文字来允许占位符道具文本跨越多行。