在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
我找到的一个资料如下
感觉不太懂,请高手解释下 谢谢
connect函数的API是这样的
因为省略了第一个调用中的所有参数,所以“不监听store”,mapStateToProps参数就是用来将Store/State的切片给映射到包装后的Component的props中,也就是用来“监听store”的
http://cn.redux.js.org/docs/r...