React Redux Datatable failed to initialise

React Redux Datatable failed to initialise

I'm trying to using this package on my Redux React project.&nbsp;<a href="" target="_blank"></a>&nbsp;,

I'm trying to using this package on my Redux React project. ,

i have installed this package.

Like on their readme, I add reducer to my store:

import { DataTableReducer } from 'react-redux-datatable';

and i create some component for displaying table:

import React, { Component } from 'react'
import DataTable from 'react-redux-datatable';
import 'react-redux-datatable/dist/styles.css';

const apiLocation = '';

const tableSettings = { tableID: 'BasicDataTable', keyField: 'request_id', tableColumns: [ { title: 'Ref', key: 'request_id', }, { title: 'First Name', key: 'first_name', }, { title: 'Last Name', key: 'surname', }, { title: 'Email Address', key: 'email', }, ], };

export default class userTable extends Component { render() { return ( <div> <DataTable tableSettings={tableSettings} apiLocation={apiLocation} /> </div> ) } }

And when i go to browser my table rendering with no data and then show me error:

The table failed to initialise. Please check you are connected to the internet and try again.

I think here is something need to change in tableSettings but what i don't know exactly.

this key properties are what return from API? i tried to change them with what exactly return from but i'm getting same error

reactjs redux

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How to implement Redux Saga with ReactJS and Redux?

In this article, I’d like to tell you more about the Redux library and create a simple ReactJS project, where I’ll set up a Redux step by step.

How to implement redux-saga with ReactJS and Redux [TUTORIAL]

In this article, we will go throug theory about state, state management tools like Redux, middleware, Redux Thunk and Redux Saga.

Should I Use Redux?

Starting a new application means drawing out a blueprint of what you want it to look like, and thinking about how you are going to implement whatever you are going to do before you even write any code. As a JavaScript developer, I often find myself questioning whether or not I’ll need to use Redux.

Redux tutorial: 03 - Setup Redux trong ReactJS với Hooks 🎉

Cùng mình khám phá các bước để setup Redux trong một ReactJS App nào ✅ Redux trong Vanilla JS App vs ReactJS App có khác gì nhau ✅ Các bước setup Redux trong Vanilla JS app ✅ Các bước setup Redux trong ReactJS app ✅ Kết nối tới Redux bằng hooks: useSelector(), useDispatch()