为什么 Redux 存储状态变量也是一个函数,或者我在这里错过了什么

问题描述

我学习了 React 和 JavaScript,现在我将尝试解释我的问题。

我有一个看起来很简单的 Redux Store:

const initialState = {
  booksList: [],progress: false,faild: "",log: ""
};

当我对我的 mapStatetoProps 执行 Component 时,我没有得到 log='' 但我得到了别的东西。看看这张图片希望你明白,基本上我试图做的是这个 if(log != "") 作为图像显示但是当我想得到一个 true 时我得到一个 false 因为初始 Store 是空的.

如图所示,log 还包含 Redux 存储函数 dispatch

enter image description here

解决方法

目前log参数对应你的组件属性(包含两个属性logdispatch

你必须像这样声明你的组件:

function Logger({log}) {
  ...
} 

或者像这样

function Logger(props) {
  const log = props.log;
  ...
} 
,

在 JavaScript 中,undefined == "" 返回 true。

您想使用运算符 ===!== 而不是 ==!=