Learn React Hooks

Connecting the TodoItem component

Next, we are going to connect the TodoItem component, so that we can use it in the TodoList component in the next step.

Let's connect the TodoItem component now:

1. Create a new src/containers/ConnectedTodoItem.js file.
2. In this file, we import the connect function from react-redux, and the bindActionCreators function from redux:

import { connect } from 'react-redux'import { bindActionCreators } from 'redux'

3. Next, we import the toggleTodo and removeTodo action creators, and the TodoItem component:

import { toggleTodo, removeTodo } from '../actions'import TodoItem from '../components/TodoItem'

4. Again, we only return an empty object from mapStateToProps:

function mapStateToProps (state) {    return {}}

5. This ...