【问题标题】:React-Redux - A component is changing a controlled input of type text to be uncontrolledReact-Redux - 一个组件正在将文本类型的受控输入更改为不受控制
【发布时间】:2018-08-19 21:08:52
【问题描述】:

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

第一页加载时的屏幕视图:

Here 重现此错误的存储库。 该 repo 仅包含一个组件,因此很容易找到。 代码我这里就不贴了,因为太贴了。

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

我看了很多关于这个错误的帖子,都说输入控件/文本框的初始值可能不是null或者undefined,这里不是这样。

初始存储状态设置为:

const combinedReducers = combineReducers({
    CountReducer
});

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

let store = createStore(combinedReducers, initialStoreState);

export default store;

【问题讨论】:

    标签: reactjs redux react-redux


    【解决方案1】:
    case "update":
       const val = Number(wish_value);
    
       if (isNaN(val)) {
          return { 
              count: "No number"
          };
       }
    
       return {
          count: Number(val)
       };
    

    你不应该在这里更新wish_value吗?

    【讨论】:

      猜你喜欢
      • 2020-11-04
      • 1970-01-01
      • 2021-05-21
      • 2019-11-16
      • 1970-01-01
      • 1970-01-01
      • 2019-08-21
      • 2018-01-13
      • 2020-11-01
      相关资源
      最近更新 更多