學(xué)redux的時(shí)候看到文檔是這樣聲明組件的，難道不是要繼承Component嗎

import React from 'react'
import Footer from './Footer'
import AddTodo from '../containers/AddTodo'
import VisibleTodoList from '../containers/VisibleTodoList'

const App = () => (
  <div>
    <AddTodo />
    <VisibleTodoList />
    <Footer />
  </div>
)

export default App

還有一個(gè)小問題是components和containers到底啥區(qū)別呀

--------------------補(bǔ)充----------------------
我看他的容器也是這樣定義組件的，那他是不是也是沒有生命周期的組件

import React from 'react'
import { connect } from 'react-redux'
import { addTodo } from '../actions'

const AddTodo = ({ dispatch }) => {
  let input

  return (
    <div>
      <form onSubmit={e => {
        e.preventDefault()
        if (!input.value.trim()) {
          return
        }
        dispatch(addTodo(input.value))
        input.value = ''
      }}>
        <input ref={node => input = node} />
        <button type="submit">
          Add Todo
        </button>
      </form>
    </div>
  )
}

export default connect()(AddTodo)

然后他的
export default connect()(AddTodo)
是啥意思