Как правильно использовать несколько переменных в элементе Text?

Question

Я не могу найти "правильный" способ использования нескольких переменных в элементе React Native Text.Сначала у меня есть пользователи, а фамилия - как отдельные значения объекта, и я хочу показать их в одном и том же элементе Text.

<Text>{props.user.firstName} {props.user.lastName}</Text>

Это отлично работает, но ESLint не нравится.(JSX-один-выражение-в-строке).Если я помещу их в отдельные строки, то не могу понять, где поставить пустое пространство между именем и фамилией.

<Text>
  {props.user.firstName} 
  {props.user.lastName}
</Text>

После {props.user.firstName} есть пустое место,но ESLint это тоже не нравится (без пробелов).

Поэтому я спрашиваю, есть ли правильный способ достичь желаемого результата без изменения конфигурации ESLint или создания отдельной переменной.

Answer 1

Вы ищете шаблонные литералы .Вы можете вложить свои переменные так:

<Text>`${props.user.firstName} ${props.user.lastName}`</Text>