入力ボックスの値を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

である私は戻って私のページへのフェッチされた結果を書きますか、私の第二の質問は、私はhereから私の答えを得たので、私は変更しました私のsearch.jsがこのように

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

    </div> 
)