必须返回有效的react元素或null--Reactjs error

拜托，我有一些错误，很难为我解决。下面我有一个简单的react组件

import React from 'react';

const ForumPostComponent = (topics) => {
    const {forums} = topics;

    return (
            forums.toJS().map((forum, key) => {
                console.log(forum);
                    return ( 
                        <div className="post" key={key}>
                     )
                })


    )
}

从“React”导入React；
常量ForumPostComponent=（主题）=>{
const{forums}=主题；
返回(
forums.toJS（）.map（（论坛，键）=>{
console.log（论坛）；
报税表（
)
})
)
}

在另一个组件中，我使用了我的react forumComponent，如

<ForumPostComponent forums={this.props.forums.get('forums')} />

---

它在标题中抛出错误。论坛组件中的我的控制台消息也返回值。我试着读了很多类似的问题，但都没有结果。请确定我到底缺少了什么。？

数组不是有效的react元素，您需要用一些容器包装。例如，

：

返回(
{forums.toJS（）.map（（forum，key）=>{
console.log（论坛）；
报税表（
)
})}
)

---

此外，使用数组索引作为元素键是一种糟糕的做法。您应该使用一些业务键。

您应该补充一点，使用

键的数组索引是不好的做法。并且正确地关闭
div
：）@nuru salihu，您可能会发现它也很有趣。