Я хотел бы отделить следующий код в файле компонентов и импортировать его и использовать его (например, <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;