Questions tagged [mdbreact]
67 questions
1
vote
2 answers
How to dynamically add/delete table rows in ReacjJS
I am trying to dynamically add and delete table rows using ReactJS.
But the problem is once I added few rows, the values in each column in each rows are the same even if I change them randomly.
Below screen shot will clarify further of my…

Lahiru Madusanka
- 53
- 2
- 8
1
vote
2 answers
Reactjs Input Upload doesn't return local URL
I have a problem when trying to display image preview before upload it to server. I 'm using reactjs.
My problem is when I try to upload an image I got the file data but when I'm using reader, it doesn't return local URL and just show undefined
this…

Rakis Friski
- 551
- 1
- 7
- 26
1
vote
1 answer
console throws that module from existing dir is: ` Module not found: Error: Can't resolve './components/InfoPanel.js/' in`
My react project throws this client:159 ./src/index.js
Module not found: Error: Can't resolve './components/InfoPanel.js/' in 'D:\ReactProject\src' in console, after adding of new module
my dir loks like this:
/ReactProject
-dist
…

Tyomik_mnemonic
- 786
- 3
- 9
- 31
1
vote
1 answer
React Sidenav - Bootstrap 4 & Material Design not working
I have tried to implement the Sidebar with navigation from mdbreact to use bootstrap and material design.
I have just copy pasted the code from the example from: https://mdbootstrap.com/docs/react/navigation/sidenav/
import React from…

Maiken Madsen
- 611
- 1
- 15
- 29
1
vote
1 answer
mdbreact modal applies a class 'modal-open' to body tag even if the modal is not open yet
I am using mdbreact modal in my react application but facing some issue. I try to include the modal component in my page, but the modal is not open yet, inspite of that it is applying a class 'modal-open' to the body tag which stops body from…

Nikita Jajodia
- 4,220
- 3
- 21
- 29
1
vote
1 answer
React unexpected number rendered
I have the following React example, and I'm trying to show a success toast (from mdbootstrap library) every time the isShowing state is true. This works as expected regarding the toast, but a number is displayed next to the button, and increments…

raz
- 128
- 1
- 8
1
vote
1 answer
mdbreact error - Element type is invalid: expected a string (for built-in components)
I am trying to implement the react-multistep registration using mdb react but I am getting the error:
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely…

Allu Manikyam
- 481
- 1
- 8
- 31
0
votes
0 answers
Attempted import error: 'MDBCarouselInner' is not exported from 'mdb-react-ui-kit'
I'm building a testimonial slider using the mdb-react-ui-kit but I'm getting this error message: Attempted import error: 'MDBCarouselInner' is not exported from 'mdb-react-ui-kit'.
Code sandbox link:…

r121
- 2,478
- 8
- 25
- 44
0
votes
0 answers
mdbreact (MDBDataTable) add clickEvent for specific columns expect all
I have added clickEvent in my code fo MDBDataTable. I have some columns in table, I have added clickEvent but it applying for all columns. I need click event for all columns except "addBtn" column. Becausse it is contains buttons - Edit and…

Pradip Solace
- 55
- 6
0
votes
1 answer
How do i fix items not being shown on screen from mongo db?
I'm trying to display my orders from mongo db using a List orders component but it shows the error in the image. Could this be a database problem?
this is the code that lists the orders.The image above with the loader looping is where the orders…
0
votes
0 answers
couldn't install mdb-react-ui-kit
$ sudo npm i mdb-react-ui-kit
added 17 packages, and audited 18 packages in 3s
1 package is looking for funding
run npm fund for details
found 0 vulnerabilities
[rajkumar@Endeavour website]$ npm run start
start
docusaurus-start
LiveReload server…

user51
- 8,843
- 21
- 79
- 158
0
votes
1 answer
Adding a functional component to useeffect method in react js
I'm trying to adding a sample ModalPage functional component in the useEffect method, but it is showing an error:
const [data, setData] = React.useState('');
useEffect(() => {
const requestOptions = {
method: 'GET',
headers: {
…

Suman
- 93
- 9
0
votes
0 answers
designing component by mdbreact
I took ready-made code from the mdbreact website
And I get the error
Error: Invalid hook call. Hooks can only be called inside the body of a function component. This could happen for one of the following reasons:
You might have mismatching versions…

ester
- 11
- 3
0
votes
0 answers
Rails React failing to render CSS when deployed to Heroku
I recently finished developing my app locally and wanted to push it to Heroku (first time doing this!). I am using Rails backend with React frontend all within one repo. I am using MDBootstraps for styling. Everything renders properly locally, but…

mee_yuhh
- 36
- 2
0
votes
1 answer
Adding to object that contains an array an object in state in React
Hello I am building an app that renders a table that receives data from an API.
I am using for the table MDBReact and I am having a hard time adding rows to the table.
In this.state I have an object datatable that contains an array names rows and I…

SerbanRamon
- 97
- 1
- 1
- 7