Questions tagged [mdbreact]
67 questions
7
votes
1 answer
No styling or icons appear when I use a mdbreact component - Footer
I am building a simple landing page and wanted to make a footer component for the same. I used the npm command npm install --save mdbreact to install the dependency and copied the following snippet of code from the mdb website.
import React from…

Nirmal Dalmia
- 317
- 3
- 12
3
votes
1 answer
Redux action needing to be called twice before updating state?
I am calling a redux action which makes a get request to the database and returns an object with the correct data in it. I have followed the object through the system showing it is being sent correctly all the way to the react component, however,…

Arcnet
- 53
- 5
3
votes
1 answer
How can I set height of Row/Cols with % in React-Bootstrap/MDBReact?
so basically I have a little problem with setting up a height of Row/Cols using the % in React-Bootstrap. I have a Row with 8 columns(Im gonna add some buttons,icons,images and text field here) which all of them have to be the same height.
I did try…

Goteii
- 160
- 1
- 1
- 11
3
votes
1 answer
Unable to build .exe for Electron
I am trying to create .exe for my react web app for Windows using electron-installer-windows. It says that
Error: No Description or ProductDescription provided. Please set either a description in the app's package.json or provide it in the…

Zain Ul Abideen
- 1,617
- 1
- 11
- 25
3
votes
1 answer
How to disable escape button in mdbreact modal for not closing modal
I don't want close modal / popup on the escape button in mdbreact npm. I have used keyboard={false} but it's not working.
keyboard={false}
modalOptions={{ dismissible: true }}

Payal Makode
- 49
- 3
3
votes
1 answer
Modal within a table in MDBootstrap for reactjs
I am fairly new to reactjs and material design bootstrap. I am trying to populate a set of data on to a table using a mock json file.
I did manage to find some degree of success in that. I wanted to incorporate a modal in the table row. such that…

Riyesh
- 63
- 10
2
votes
1 answer
React - Drop down list on typing specific character in input field(example - {{ or @ )
I need to show a list or dropdown when user enters a specific character like '@' or '{{ }}' in the input text area, from which an option can be selected and then used in the text area.
Is there any specific library for this in React.js? Or any short…

Deepesh gulati
- 21
- 2
2
votes
0 answers
mdbreact datatable pagination issue
Im using mdbreact package to display the data in a datatable. In the datatable I have a column with checkbox to change the value. When I check or Uncheck and move to the second page, the values of the checkbox in the second page is also changing.…

Minsaf
- 272
- 1
- 5
- 14
2
votes
3 answers
React: sass-loader not transpiling SCSS into CSS
I have a react app with CSS files working fine.
I need to start using SCSS so the following changes:
Install node-sass and sass-loader
Change the imports from .css to .scss
Change file extension from .css to .scss
But my pages are not loading…

Knemay
- 350
- 1
- 6
- 12
2
votes
0 answers
mdbreact is showing an unexpected behaviour
I am using mdbreact package to make table for my data. It's having an action button in the last column which opens a modal for editing the data.
Scenario is
I loaded the table with initial data
And then applied some sorting on it
And now I click…

Adesh Kumar
- 952
- 2
- 16
- 33
2
votes
3 answers
not able to fetch data through api in material table react
I am trying to fetch data throught api in material react table but its showing me an error as follows
Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You…

Vaishnavi
- 21
- 1
- 4
2
votes
0 answers
NavBar not working MDBootstrap in Reactjs
I tried implementing a navbar from MDBoostrap (mdbreact) and for some reason I am not able to get it to work.
This is what my index.js file looks like.
import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter as Router,…

arunmmanoharan
- 2,535
- 2
- 29
- 60
2
votes
2 answers
All range slider libraries giving the error Element type invalid. What else can I try?
I want to create a slider in my project and I am using react-rangeslider library. I wrote a very simple piece
const Slider = require('react-rangeslider');
var Para = React.createClass({
handleChange: function(value) {
this.setState({
…

A_G
- 2,260
- 3
- 23
- 56
2
votes
2 answers
react BrowserRouter resulting in "You should not use or withRouter() outside a "
I am hitting this problem constantly, and have been stuck at it for a long time now. I am new to mbdreact library and I have been trying this example of theirs from this link. This has given me too many problems in debugging and understanding what…

sudhishkr
- 3,318
- 5
- 33
- 55
1
vote
1 answer
Unable to update state from onClick event of MDBDatable row in React
I'm using MDBReact for the creation of a simple data table that has some rows and setMe and getMe buttons. onClick of setMe button I wish to set a value to the cropName state value and onClick of getMe button, I wish to retrieve the update state…

Salvino D'sa
- 4,018
- 1
- 7
- 19