React-Redux-组件将文本类型的受控输入更改为不受控制

时间:2018-08-19 21:08:53

标签: reactjs redux react-redux

我有一个小小的React-Redux演示应用程序,当我开始在文本框中输入值时会引发以下错误。该错误仅在我第一次输入时出现,此后不再发生。

加载首页时的屏幕视图:

enter image description here

Here产生此错误的仓库。 该仓库仅包含一个组件,因此很容易找到。 我没有在这里发布代码,因为发布代码太多了。

我在我的应用程序中使用React-Redux(actions / reducers / store)。

我已经阅读了很多有关此错误的文章,并且都说输入控件/文本框的初始值可能不是nullundefined,在这里不是这种情况。

初始存储状态设置为:

const combinedReducers = combineReducers({
    CountReducer
});

const initialStoreState = {
    CountReducer: {count: 123, wish_value: 12}
};

let store = createStore(combinedReducers, initialStoreState);

export default store;

enter image description here

1 个答案:

答案 0 :(得分:1)

case "update":
   const val = Number(wish_value);

   if (isNaN(val)) {
      return { 
          count: "No number"
      };
   }

   return {
      count: Number(val)
   };

您是否也要在此更新wish_value