добавление javascript в массив jsx .карта

#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>
         
  })}