鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ react-redux connect()無(wú)參數(shù)的問(wèn)題

react-redux connect()無(wú)參數(shù)的問(wèn)題

在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

我找到的一個(gè)資料如下

clipboard.png

感覺(jué)不太懂,請(qǐng)高手解釋下 謝謝

回答
編輯回答
網(wǎng)妓

connect函數(shù)的API是這樣的

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

因?yàn)槭÷粤说谝粋€(gè)調(diào)用中的所有參數(shù),所以“不監(jiān)聽(tīng)store”,mapStateToProps參數(shù)就是用來(lái)將Store/State的切片給映射到包裝后的Component的props中,也就是用來(lái)“監(jiān)聽(tīng)store”的

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

2017年11月13日 04:28