未定義（ReactJS＆AJAX）のプロパティ 'map'を読み取ることができません

Question

表の配列を表示してみてください。配列はActionのAJAXリクエストから取得します。

Answer 1

は、以下の

を利用することができますない方法 if (elems) { }をレンダリングに条件を追加してみ

：私は

class IncomeProfile extends Component { 
    constructor(props) { 
    super(props) 
    } 

    componentDidMount() { 
    this.props.IncomeListProfile(); 
     } 

render() { 
     var elems = this.props.items.course_list; 
     console.log(elems); 
     return (
      <div> 
      <table> 
       {elems.map((item) => (

       <tr key={item.course_id}> 
       <td>{item.name}</td> 
       </tr> 

      ))} 
      </table> 
      </div> 
     ) 
     } 

} 

const mapDispatchToProps = function(dispatch) { 
    return { 
     IncomeListProfile:() => dispatch(IncomeProfileList()) 
     } 
    } 

const mapStateToProps = function(state) { 
    var mystore = state.toArray(); 
    //console.log(mystore[6]); 
    return { 
    items: mystore[6] 
     }; 

} 
export default connect(mapStateToProps, mapDispatchToProps)(IncomeProfile); 

CONSOLE.LOGそれがこれを印刷する最初の印刷「未定義の」Reduxの

を使用しています

var elems = this.props.items['course_list']; 
var copy = Object.assign({}, elems); 
console.log(elems.course_list);