我从 API 获取数组，但是当我尝试在表中显示它时它显示空数组（noob ReactJs）

Question

I created a Be api I that exist a Get request to get all the tasks from this API,

{
"tasks": [
    {
        "_id": "5f0b19c11f072e0984459ff5",
        "title": "some Edited random stuff ",
        "description": "some Edited random stuff",
        "creater": "vladi",
        "__v": 0
    },
    {
        "_id": "5f0b19d71f072e0984459ff6",
        "title": "vladi task ",
        "description": "vladi description",
        "creater": "vladi",
        "__v": 0
    }  ]

in my TaskReducer i make it

tasks: {
  tasks: []
  },

now in my fronted page i ask to see it all in a table

 <tbody>
                    {this.props.tasks.tasks.map((task, taskID) =>
                        <tr key={taskID}>
                            <th scope="row" >  2{task.title}</th>
                            <td >3{task.description}</td>
                            <td >4{task.creater}</td>
                            <td >5{task.dateCreated}</td>

                            <td >
                                <span className="pointer" onClick={() => this.handlerClickDeleteTask(task.taskID)}>delete  </span>
                                <span className="pointer" onClick={() => this.handlerClickViewTask(task.taskID)}>edit  </span>
                                <span className="pointer" onClick={() => this.handlerClickEditTask(task.taskID)}>view  </span>
                            </td>
                        </tr>

                    )}

                </tbody>

but when i open the table it look empty (even not showing the numbers there) this is the link to the repository if someone have idea or think need more https://github.com/VladiKonovalov/Fronted/blob/master/src/containers/Tasks.js

Answer 1

under usersActions.js file you are setting users instead of tasks.

case "SET_TASKS":
    state = { ...state, users: action.payload }
    break;
default:

it should be like:

case "SET_TASKS":
    state = { ...state, tasks: action.payload }
    break;
default: