import React, { Component } from 'react';
import {connect} from 'react-redux';

class TodoList extends Component {
  render() {
    if( this.props.todos.length === 0 ) {
      return <div>Add Todos</div>;
    }

    console.log(this.props.todos)

    return(
      <ul>
        {this.props.todos.map(todo => {
          <li key={todo.id}>{todo.text}</li>
        })}
      </ul>
    );
  }
}

function mapStateToProps({ todos }) {
  return { todos };
}

export default connect(mapStateToProps)(TodoList);

@@ -209,43 +209,8 @@
  %7D%0A%0A
-    console.log(this.props.todos)%0A%0A
     
@@ -258,20 +258,22 @@
 dos.map(
+(
 todo
+)
  =%3E %7B%0A  
@@ -280,16 +280,24 @@
         
+ return 
 %3Cli key=

fix adding todo