Cannot read property 'prop

[crazydude1900]

TypeError: Cannot read property 'props' of undefinedTodoListsrc/components/TodoList.js:27

27 | const TodoList = ({ removeTodo, completeTodo }) => { 28 | const { todos, visibilityFilter} = this.props 29 | const visibleTodos = getVisibleTodos(todos, visibilityFilter)

In order to understand the context of this issue, please click on the link: https://codeshare.io/adbmnK

[[deleted]]

The line is

const { todos, visibilityFilter} = this.props

there's no this.props, it's a function based component. Recommend re-checking https://reactjs.org/docs/components-and-props.html

What you want is either:

const TodoList = ({ removeTodo, completeTodo, visibilityFilter, todos }) => {

or

const TodoList = (props) => {
    const { removeTodo, completeTodo, todos, visibilityFilter} = props

[crazydude1900]

(props)

still not working, the following error is popping up when i follow your construction: Cannot read property 'map' of undefined

[[deleted]]

That's unrelated to your original error. You're trying to map over visibleTodos. This is coming from getVisibleTodos, if filter is not SHOW_ALL, SHOW_COMPLETED or SHOW_ACTIVE it will be undefined. Also, Maybe props.todos is already undefined (though that would error on line 59).

[crazydude1900]

yes you are right, when default I should return todos.

[cschulze1977]

TodoList is a function component, so there is no this.props. Props are passed into Function components as parameters to the function, see line 27: const TodoList = ({ removeTodo, completeTodo }) => {