Я получил свой вклад, который заполняется значением из моего состояния.
<input id="flashVars" name="flashVars" type="text" value={settings.flashVarsValue} disabled={isDisabled} onChange={handleChange} />
Settings
- мое состояние с Redux. Когда я добавляю значение в свой ввод, я должен указать функцию onChange
. Это моя функция onChange:
handleFlashVarsChange(e) {
let { dispatch } = this.props;
dispatch( changeFlashVarsValue(e.target.value) );
}
Измените значение состояния flashVarsValue
для значения ввода. Но когда я ввожу свой ввод, он отстает. Я не понимаю, почему я должен вызывать отправку каждый раз, когда меняю входное значение.
Есть ли способ, который может дать меньше лагов?
Мой редуктор:
import { ACTIONS } from '../utils/consts';
const initialState = {
...
flashVarsValue: '',
...
};
export function formSettings(state = initialState, action = '') {
switch (action.type) {
...
case ACTIONS.CHANGE_FLASHVARS_VALUE:
return Object.assign({}, state, {
flashVarsValue: action.data
});
default:
return state;
}
}
Мое действие:
export function changeFlashVarsValue(data) {
return {
type: ACTIONS.CHANGE_FLASHVARS_VALUE,
data: data
}
}
Спасибо