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…
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…
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