JSX 函数不显示返回

Question

正如标题所说，我不明白为什么函数的返回没有显示在屏幕上
对象words.First.wordsdata持有键值对

import React from "react";
const WordList = ({ words }) => {
return (
<div>
{ words && 
Object.entries(words.First.wordsdata).forEach(([key, value]) => {
return(<div>{key} - {value}</div>);
})
}
</div>
);
};
export default WordList;

如果我更改返回以将其注销，那么这一个在开发工具中正确显示了所有内容

return(console.log(key, value));

为了提供完整的视图，这是调用组件的文件

class Words extends Component {
render() {
//console.log(this.props)
const { words, auth } = this.props;
if (!auth.uid) return <Redirect to="/" />;
return (
<div>
<WordList words={words} />
</div>
);
}
}

我试着将返回改为简单的HTML，但它仍然没有显示任何

Answer 1

感谢您的回答，将.forEach更改为.map确实做到了。