Поле ввода ответа не обновляется при прохождении реквизита - PullRequest
0 голосов
/ 27 апреля 2020

Я использую приставку для простого ПО C. Я передаю реквизит для компонента. Однако, когда я назначаю его для поля ввода, поле ввода не обновляется.

Код моего компонента:

CurrenctConverter. js

handleAmountchange(e) {
    debugger;
    var payload = e.target.value
    store.dispatch({ type: "Add", val: payload })

}

render() {

    return (
        <div>
            Currency Converter
            USD <input type="text" onChange={this.debounceEventHandler(this.handleAmountchange, 1000)} value={this.props.globalstate.val}></input> **this inputbox not working**
            INR <input type="text"></input>
            <input type="button" value="Convert"></input>
        </div>
    )
}

redux store:

Я получаю реквизит из этого магазина

import React from 'react'
import { createStore } from 'redux'

var initialstate = {
    val: 100
}
const MyReducer = (state = initialstate, action) => {
    if (action.type = "Add") {
        return {
            ...state,
            val: action.val
        }
    }  
    return state;  
}

var mystore = createStore(MyReducer); 
export default mystore;

1 Ответ

0 голосов
/ 27 апреля 2020

В редукторе, пожалуйста, обновите код как

var initialstate = {
    val: 100
}
const MyReducer = (state = initialstate, action) => {
    switch (action.type) {
      case 'Add':
        let updatedState={
            ...state,
            val: action.val
        }
      return updatedState;

      default:
        return state;
}


var mystore = createStore(MyReducer); 
export default mystore;
...