Desired Action: I am looking to utilize a state value within one of my action methods.
Preferred Approach: Instead of directly referencing state.sale.oliver.data, I aim to abstract it by invoking my selector function, showingTest(state).
Issue Encountered: Upon inspection, the value inside my if statement appears as undefined. This leads to an uncaught reference error when attempting to log the method name in the browser.
At the beginning of my actions.js file (located in the same directory as selectors.js)
actions.js
import { showingTest } from './selectors';
In this same file, there is a method containing the following if statement:
if (showingTest(state).length >= 3)
The code does not enter this if statement, however, if I use
if (state.sale.oliver.data.length >= 3)
then it functions correctly.
Additionally, here is the implementation of my selector for reference:
selectors.js
export const showingTest = state => {
return state.sale.oliver.data ? state.sale.oliver.data : "";
}