Reactjs 来自数组的react渲染值出现错误

我有如下反应：

 class UserList extends Component {
      render() {
        const {users} = this.props
        users.forEach(function(user){
            console.log(user.name)
            if(user.photos){
                console.log(user.photos.data[0].source)
                return (
                    <div>
                        <p>{user.name}</p>
                    </div>
                )
            }
        })
      }
    }

    export default UserList

类用户列表扩展组件{
render（）{
const{users}=this.props
users.forEach（函数（用户）{
console.log（user.name）
如果（用户照片）{
console.log（user.photos.data[0]。源）
返回(
{user.name}

)
}
})
}
}
导出默认用户列表

但它给我的错误是，

应该返回有效的react组件，但返回数组或未定义的

return函数应该返回组件，对吗

---

我在这里遗漏了什么？？？

因为错误说明您需要返回有效的React元素

修复方法是从

render

返回DOM节点，例如

div

class UserList extends Component {
    render() {
        return <div></div>;
    }
}

---

正如错误所述，您需要返回一个有效的React元素

修复方法是从

render

返回DOM节点，例如

div

class UserList extends Component {
    render() {
        return <div></div>;
    }
}

---

.filter

将处理此问题。如果没有照片，我不想显示名称。。另外

照片

包含

图像

与

照片[0]照片[1]

类似，因此如何使用名称显示它们？

过滤器将负责查看您是否有任何照片，并且显示图像的操作与正常的
{user.photos[0].propertyOfImageObject}相同
。没有
照片的用户未显示并给出错误
数组或迭代器中的每个子级都应该有一个唯一的“key”属性。
没有照片的用户不应该按照问题中的if语句显示。您得到的错误很容易在React文档中读取。我不打算为您编写应用程序。
.filter
将处理此问题。如果没有照片，我不想显示名称。。另外
照片
包含
图像
与
照片[0]照片[1]
类似，因此如何使用名称显示它们？
过滤器将负责查看您是否有任何照片，并且显示图像的操作与正常的
{user.photos[0].propertyOfImageObject}相同
。没有
照片的用户未显示并给出错误
数组或迭代器中的每个子级都应该有一个唯一的“key”属性。
没有照片的用户不应该按照问题中的if语句显示。您得到的错误很容易在React文档中读取。我不会为你编写应用程序。