类型错误：……地图不是 function - react.js

Question

在我的react.js应用程序中，我有一个 function ，如下所示：

state={
   c:[]
}


classRoom(classRooms)
{
    if(classRooms!==null)
    {
        const updatedClass = classRooms.map((classRoom)=>{
            return <ClassRoomUnit displayName={"as"} classID={"asdsa"} />;
            //return <li>{classRoom}</li>;
        });
    }
}

在我的render方法中，我有：

 render() {
    return (
        <div>
                            {this.classRoom(this.state.c)}
        </div>
    );
  }

c定义在 state 中，它是一个数组。

但它给了我错误，说： classRooms.map is not a function

Answer 1

根据评论和 stackblitz 链接，问题是您没有从 function 内部返回值

import React, { Component } from 'react';
import { render } from 'react-dom';
import Hello from './Hello';
import './style.css';

class ClassRoomUnit extends Component{
    displayName;
    classID;
    render() {
        return(
          <div>
            {this.props.displayName}
            {this.props.classID}
          </div>

        );
    }
}

class App extends Component {

  state={
    c:[1,2,3]
  }

  classRoom(classRooms)
    {
        console.log(classRooms);
        if(classRooms!==null)
        {
            const updatedClass = classRooms.map((classRoom)=>{
                return <ClassRoomUnit displayName={"as"} classID={"asdsa"} />;
            });
        }
        return updatedClass;
    }

  render() {
    return (
      <div>
        dynamic list start
        {this.classRoom(this.state.c)}
        dynamic list end

      </div>
    );
  }
}

render(<App />, document.getElementById('root'));