Компонент Formik = многострочная строка «textarea» в заполнителе - PullRequest
0 голосов
/ 16 марта 2020

Как напечатать символ новой строки / возврата в заполнителе в текстовой форме Formik. Я пытался \ n, похоже, ничего не работает.

// 
, 
 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

1 Ответ

0 голосов
/ 16 марта 2020

Шаблонные литералы позволяют указать многострочную строку текста.

<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}
/>

enter image description here

Примечание : поскольку это строковый литерал шаблона, помните о пробелах в шаблонах. Обратите внимание, что пробелы в начале каждой строки отсутствуют. Также обратите внимание, что теперь отображаются новые строки \n.

Edit kind-dan-x9qwf

...