Question

请，我有一些错误，证明难以修复我。我在下面有一个简单的反应组件

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}>
                     )
                })


    )
}

在另一个组件中，我使用了我的反应论坛组件，如。

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

它会在标题中抛出错误。此外，论坛组件中的我的控制台消息返回值。我尝试并阅读了很多类似的问题。请问我到底错过了什么。？

Answer 1

Array是无效的react元素，需要用一些容器包装。例如。 <div>：

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

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

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

1 个答案: