An example of a context-less component with a selector.

SelectedTodos.jsx

// @flow
import React from 'react';

import Todo from '../containers/Todo';

import todoSelector from './todoSelector';

type Props = {
  filter: string,
  header: string,
  todos: Todo[],
}

const TodoList = (props: Props) => (
  <div className="TodoList">
    <h3>{props.header}</h3>
    {todoSelector(props).map(todo => (
      <div className="TodoList-item" key={todo.id}>
        {todo.text}
      </div>
    ))}
  </div>
);

export default TextField;