Reactjs 分离代码时无法从组件读取属性

我想将以下代码分离到一个组件文件中，导入并使用它（例如

）

然而，将我的代码放入一个组件文件，导入并使用它，我得到了一个“未定义”错误

{this.props.mods.map（Mod=>//获取我们的mods&循环

{Mod.description}

)}

))

---

导出默认列表

你可以这样试试

从“React”导入React

{this.props.mods&&this.props.mods.map（Mod=>//获取我们的mods&循环

{Mod.name}
{Mod.description}

)}

))

---

导出默认列表

感谢Shunker，收到一个类型错误：无法读取未定义的

         {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>

         {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>

    {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>

    )}