Не удается прочитать свойство из компонента при выделении кода - PullRequest
0 голосов
/ 18 апреля 2019

Я хотел бы отделить следующий код в файле компонентов и импортировать его и использовать его (например, <ModsListing/>).

Однако, взяв мой код и поместив его в файл компонента и импортировав его ииспользуя его, я получаю «не определенную» ошибку.

         {this.props.mods.map(Mod => // Get our mods & loop over them
             <li style={{paddingBottom:'4pt'}} className="list-group-item" key={Mod.id}>
             <Link prefetch href={`/mods/${Mod.id}`}><a>


            {Mod.name}</a></Link>
            {Mod.description}

             </li>

         )}
         </ul>

Это файл компонента, который я пытаюсь разделить на

import React from'response'

         {this.props.mods.map(Mod => // Get our mods & loop over them
        <li style={{paddingBottom:'4pt'}} className="list-group-item" key={Mod.id}>
         <Link prefetch href={`/mods/${Mod.id}`}><a>


         {Mod.name}</a></Link>
         {Mod.description}

         </li>

         )}
         </ul>

);

экспорт по умолчанию ModListing;

1 Ответ

1 голос
/ 18 апреля 2019

вы можете попробовать это следующим образом

import React from 'Reaction'

    {this.props.mods&&this.props.mods.map(Mod => // Get our mods & loop over them
   <li style={{paddingBottom:'4pt'}} className="list-group-item" key={Mod.id}>
    <Link prefetch href={`/mods/${Mod.id}`}><a>


    {Mod.name}</a></Link>
    {Mod.description}

    </li>

    )}

);

экспорт по умолчанию ModListing;

...