Reactjs 在渲染中显示阵列贴图

尝试在我的组件中显示图像数组时，我没有收到任何错误，只有一个空div：

class StarRating extends React.Component {
    render() {
        const { rating } = this.props;

        const ratings = [...Array(5)].map((item, i) => {
            let src = rating < i ? "star-filled" : "star-unfilled";
            <img
                style={styles.image}
                src={require(`../../../../assets/${src}.png`)}
            />;
        });

        return <div style={styles.container}>{ratings}</div>;
    }
}

类星号扩展了React.Component{
render（）{
const{rating}=this.props；
常量评级=[…数组（5）].map（（项目，i）=>{
设src=额定值

---

如何显示我的图像？

评级声明中缺少报税表。如果在

映射中使用
{}
，则需要声明返回

const ratings = [...Array(5)].map((item, i) => {
            let src = rating < i ? "star-filled" : "star-unfilled";
            return <img // add return
                style={styles.image}
                src={require(`../../../../assets/${src}.png`)}
            />;
        });

const ratings=[…数组（5）].map（（项目，i）=>{
设src=额定值

编辑。添加了不返回的选项：

const ratings = [...Array(5)].map((item, i) => 
            <img
                style={styles.image}
                src={require(`../../../../assets/${rating < i ? "star-filled" : "star-unfilled"}.png`)}
            />
        );

const ratings=[…数组（5）].map（（项目，i）=>
);
您忘记返回地图内部

class StarRating extends React.Component {
  render() {
    const { rating } = this.props;

    const ratings = [...Array(5)].map((item, i) => {
      let src = rating < i ? 'star-filled' : 'star-unfilled';
      return (
        <img
          style={styles.image}
          src={require(`../../../../assets/${src}.png`)}
        />
      );
    });

    return <div style={styles.container}>{ratings}</div>;
  }
}

类星号扩展了React.Component{
render（）{
const{rating}=this.props；
常量评级=[…数组（5）].map（（项目，i）=>{
设src=额定值