react-redux connect()无参数的问题

在redux官方范例,todos例子中,AddTodo.js文件

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

let 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>
    )
}
AddTodo = connect()(AddTodo)

export default AddTodo

我找到的一个资料如下

clipboard.png

感觉不太懂,请高手解释下 谢谢

阅读 2.4k
1 个回答

connect函数的API是这样的

connect([mapStateToProps], [mapDispatchToProps], [mergeProps], [options])(WrappedComponent)

因为省略了第一个调用中的所有参数,所以“不监听store”,mapStateToProps参数就是用来将Store/State的切片给映射到包装后的Component的props中,也就是用来“监听store”的

http://cn.redux.js.org/docs/r...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题