0
我有一個調度函數來保存一個名字到Redux(從REDX文檔中獲得大部分代碼)。重寫REDX調度函數作爲組件
但是現在我想關注ComponentDidMount上的輸入,但是我的SaveName函數不是一個組件,而是一個調度函數。我怎樣才能重寫它,所以我可以使用componentDidMount?
我的代碼:
import React from 'react';
import {connect} from 'react-redux';
import {saveName, feedbackInput} from '../actions/';
import { withRouter } from 'react-router-dom';
// http://redux.js.org/docs/basics/ExampleTodoList.html
let SaveName = ({ dispatch }) => {
let input;
return(
<form id="name" onSubmit={e => {
e.preventDefault()
if (!input.value.trim()) {
return
}
dispatch(saveName(input.value))
input.value = ''
}}
>
<input type="text"
name="text"
onClick={e => {
e.preventDefault()
dispatch(feedbackInput(input.value))
}}
onChange={e => {
e.preventDefault()
dispatch(feedbackInput(input.value))
}}
ref={
node => {
input = node
}
} />
<button className="submit-btn" type="submit"></button>
</form>
)
}
SaveName = withRouter(connect()(SaveName));
export default SaveName;