#reactjs #typescript #jsx
Вопрос:
Я очень новичок в написании машинописи и хотел бы спросить, можно ли добавить javascript в циклы jsx? Я пробовал много методов, но, похоже, ничего не работает, поэтому я хочу посмотреть, есть ли у кого-нибудь какие-либо предложения или идеи.
{[...Array(7)].map((item,i) => (
//basically i want to add my "if" condition here but i am not sure about the syntax
<Tab id={"Item" (number - i)} title={"Item " (number - i )}></Tab>
))}
Ответ №1:
В настоящее время ваша функция со стрелкой map() использует скобки, которые являются сокращением для возврата всего, что находится в скобках. Если вам нужен другой код в map (), отличный от оператора return, вместо этого используйте фигурные скобки, например:
{[...Array(7)].map((item,i) => { // change to curly brace
// now you can write code here
// We are no longer using the return shorthand so we explicitly state what we return
return <Tab id={"Item" (number - i)} title={"Item " (number - i )}></Tab>
})}