Why is the Redux store state variable a function also or did I miss something here

Question

I am learning React and JavaScript.

I have this Redux Store that looks like this very simple:

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

When I do mapStateToProps to my Component then I don't get a log='' but I get something else. Basically what I try to do is this if(log != "") as the image show but I get a true when I want to get a false because initial Store is empty.

As the image show the log also contains a function the Redux store dispatch.

Hi, having the full code will help us to visualize why your condition is true instead of false, thanks. By the way, you should be using this.props.log right ? — Ko2r, Apr 09 '21 at 11:26

Olivier Boissé · Accepted Answer · 2021-04-09T11:40:37.277

2

Currently the log parameter corresponds to your component properties (containing two properties log and dispatch)

You must declare your component like this :

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

or like this

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

edited Apr 09 '21 at 11:40

answered Apr 09 '21 at 11:32

Olivier Boissé

15,834
6
38
56

1

Can I use any word like `Logger(props1)` , `Logger(bananboat)` or does it have to be `props` – Kid Apr 09 '21 at 11:41
1

`props` is just a convention, you can choose another name if you want – Olivier Boissé Apr 09 '21 at 11:43

score 1 · Answer 2 · answered Apr 09 '21 at 11:25

1

In JavaScript, undefined == "" returns true.

You want to use the operators === and !== instead of == and !=.

answered Apr 09 '21 at 11:25

phry

35,762
5
67
81

Why is the Redux store state variable a function also or did I miss something here

2 Answers2