爲什麼TextBox提交後提交reactjs

我想將數據從一個組件傳遞到另一個組件。但它沒有親子關係，並且彼此獨立。我能夠設置狀態，但問題是在點擊輸入我的文本數據被清除後。不知道爲什麼，爲什麼TextBox提交後提交reactjs

export class EmpSearch extends React.Component { 
    // Not needed anymore as state going to Redux and not local component state 
/* 
    constructor(props) { 
    super(props); 
    this.state = { 
     Empnumber: '' 
    }; 
    } 
*/ 
EmpSearch = (e) => {  
if (e.key === 'Enter') { 
    browserHistory.push('/Emp/' + e.target.value); 
} 
} 

updateEmpNumber(e) { 

    this.props.dispatch({ 
      type: 'UPDATE_EMP_NUMBER', 
      payload: e.target.value 
     }); 
} 

render() { 
return (
    <div className="row"> 
    <form> 
     <div className="form-group"> 
     <label htmlFor="Empnumber">Emp Number</label> 
     <input type="text" className="form-control" id="Empnumber" placeholder="Emp Number" value={this.props.Empnumber} onChange={this.updateEmpNumber.bind(this)} onKeyPress={this.EmpSearch}/> 
     </div> 
    </form> 
    </div> 
); 
} 
} 
function mapStateToProps(state){ 
return { 
    Empnumber: state.Empnumber 
} 
} 

export default connect(mapStateToProps)(EmpSearch);

來源

2017-03-06 user2768132

因此，當你點擊'輸入'你的數據被清除？或者當你嘗試在輸入框中輸入內容時？ –

當我點擊'輸入'值清除.. – user2768132

browserHistory.push('/Emp/' + e.target.value);可能導致您的組件被卸載和重新安裝。你說這個值存儲在redux狀態，但是我看不到你在哪裏更新了redux狀態。

來源

2017-03-06 21:45:32 Tom

值存儲在REDX和你我已經更新了上面的代碼。所以如果browserhistory.push有問題，那麼我應該用什麼來代替這個？ – user2768132

好吧，我明白了。不知道這裏發生了什麼樣的比賽情況。使用''會不會更容易？回車鍵將觸發表單提交事件。 – Tom

爲什麼TextBox提交後提交reactjs

回答

相關問題