Массив l oop внутри условного оператора реакции-нативный не работает

Question

Я пытался реализовать итерацию массива внутри условного оператора в native-реакции, как это,

{!loading&&documents.length>0?(
   {documents.map((item, i) => {
    return (
    <ViewButton>mybutton</ViewButton>
    )}}

   ):(
   null
 )}

Но он показывает синтаксическую ошибку в консоли

Ожидается неожиданный токен " , "(43:21)

41 | 42 |
{! Loading && documents.length> 0? (

43 | {documents.map ((item, i) => {| ^ 44 | return (45 | sss 46 |) }}

Answer 1

У вас есть проблема с синтаксисом, это должно работать:

  !loading && documents.length > 0
? documents.map((item, i) => {
    return <ViewButton>mybutton</ViewButton>;
  })
: null;

Я настоятельно рекомендую использовать линтер ( eslint ) и что-то вроде красивее так что вы не сталкиваетесь с такими проблемами.

Answer 2

Попробуйте это

  {!loading&&documents.length>0?(
   documents.map((item, i) => {
    return (
    <ViewButton>mybutton</ViewButton>
    )}

   )):(
   null
 )}
  }