如何使用React/Redux發送內容？

Question

這是我到目前爲止有：

export default connect(
    (state) => ({ 
    search: state.search 
    }), 
    (dispatch) => ({ 
    onSearch: (location) => (q) => dispatch(actions.push(getUrlWithQS(location, { qs: { q } }))), 
    onClipCardClick: (location) => (clip) => dispatch(actions.push(getUrlWithQS(location, { pathname: `/clips/${clip.id}` }))) 
    }), 
    (stateProps, dispatchProps, ownProps) => ({ 
    ...stateProps, 
    ...dispatchProps, 
    ...ownProps, 
    onSearch: dispatchProps.onSearch(ownProps.location), 
    onClipCardClick: dispatchProps.onClipCardClick(ownProps.location) 
    }) 
)(Home) 

我沒有寫這個（我繼承），所以在onSearch顯然調度的東西，通過新的查詢？那麼會發生什麼情況是URL更改爲http://localhost:5000/?q=whatever

如何在不更改URL的情況下發送郵件？

編輯

import { push, goBack } from 'react-router-redux' 
actions.push = push 

而觸發onSearch組件的樣子：

onChange (e) { 
    if(this.state.isMobile) { 
     return this.props.onSubmit(e.target.value) 
    } 

    if(this.props.autoSearch) { 
     this.props.onSubmit(e.target.value) 
    } 

    this.props.onAutocomplete(e.target.value) 
    this.setState({ 
     value: e.target.value, 
     selectedSearch: false 
    }) 

    } 

Answer 1

我會假設onSearch從形式的onsubmit處理調用。它是表單提交（不會自動阻止通過反應）導致URL更改，而不是調度。

您可以使用：

event.stopPropagation() 
event.preventDefault() 

形式onsubmit處理

，所以提交不會被瀏覽器處理。