如何将输入框值传递给react-redux中的操作

Question

抱歉在这里结合2个问题.我正在编写简单的搜索/过滤应用程序.之前只有我的组件存在,所以我能够轻松输入文本值.但是现在我开始写我的容器部分,所以我很困惑,我应该如何将用户值传递给动作？我的第二个问题是如何将获取的结果写回我的页面

这是我的SearchContainer

import Search from "../components/Search"
import React from "react"
import {connect} from "react-redux"
import {search} from "../action/SearchAction"
import {bindActionCreators} from 'redux';
const SearchContainer = ({search}) =>(
    <Search nameSearch={(value) => search(value)}/>
)
const mapDispatchToProps= (dispatch) => (
 bindActionCreators({search},dispatch)
)
const mapStateToProps= state => {
    console.log("state",state)
    return{
    results:state.searchResult.values
    }
}

export default connect(
     mapStateToProps,
    mapDispatchToProps

) (SearchContainer)

这是我的搜索页面

import React from "react"
import Select from "react-select"
import {connect} from "react-redux"


const Search = ({nameSearch}) => {
   // const {search,value} = this.props

    return (
    <div>
        <input name="search"  id="searchbutton" onKeyUp= {nameSearch}></input>
     </div>
    )
}



export default Search

Answer 1

我从这里得到了答案所以我改变了我的search.js

return (
    <div>
        <input name="search"  id="searchbutton" onKeyUp= {(event) => nameSearch(event.target.value)}></input>

     </div>
)