ReactJS: 'initState' не определен, ошибка no-undef

Question

Я работаю над приложением React и использую Redux для хранения состояния.

У меня есть следующий код:

reports.data. js:

export default initState =
{
    requests: [
        {
            "id": 9,
            "timestamp": Date.now(),
            "description": "Need help with ordering",
            "status": "Completed"
        },
        {
            "id": 2,
            "timestamp": Date.now(),
            "description": "Need help with ordering",
            "status": "Assistance Requested"
        },
        {
            "id": 4,
            "timestamp": Date.now(),
            "description": "Need help with ordering",
            "status": "Assistance Requested"
        }
    ]
}

reports.reducer. js:

import initState from './requests.data';
import { CHANGE_REQUEST_STATUS } from './requests.types';

export default (state = initState, action) => {
    switch (action.type) {
        case CHANGE_REQUEST_STATUS:
            return state;
        default:
            return state;
    }
}

Однако при запуске приложения появляется следующая ошибка:

Я не уверен, почему я получаю эту ошибку. Любые идеи приветствуются.

Answer 1

Существует 2 решения:

1) Экспортируйте непосредственно значение

export default {
    requests: [
        {
            "id": 9,
            "timestamp": Date.now(),
            "description": "Need help with ordering",
            "status": "Completed"
        },
        {
            "id": 2,
            "timestamp": Date.now(),
            "description": "Need help with ordering",
            "status": "Assistance Requested"
        },
        {
            "id": 4,
            "timestamp": Date.now(),
            "description": "Need help with ordering",
            "status": "Assistance Requested"
        }
    ]
}

2) Сначала создайте переменную, а затем экспортируйте ее:

const initState = {
    requests: [
        {
            "id": 9,
            "timestamp": Date.now(),
            "description": "Need help with ordering",
            "status": "Completed"
        },
        {
            "id": 2,
            "timestamp": Date.now(),
            "description": "Need help with ordering",
            "status": "Assistance Requested"
        },
        {
            "id": 4,
            "timestamp": Date.now(),
            "description": "Need help with ordering",
            "status": "Assistance Requested"
        }
    ]
}
export default initState