Questions tagged [mdbreact]

67 questions
1
vote
2 answers

npm install mdbreact ERR

I need some help with a project MERN stack, I'm having an error downloading a library "mdbreact" using [npm i mdbreact] npm -v :8.3.1 enter image description here enter image description here
1
vote
3 answers

Material Design Bootstrap (MDBReact) is not working

Getting following error on using mdbreact components, ←→1 of 2 errors on the page Error: 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: You might have…
Ankita Jaiswal
  • 262
  • 4
  • 17
1
vote
0 answers

Gatsby ReactJS importing CSS from modules infinite loading

Currently I'm trying to start a new Gatsby ReactJS project. The page loads without the use of CSS. But as soon as I enter css external CSS files in gatsby-browser.js the page has infinite loading and just displays a blank white screen. (CSS imported…
1
vote
1 answer

Contact Form with ReactJS don't sends data to firebase

I'm new to ReactJS and I was building an application with Firebase in which I'm facing a weird scenario, lemme explain. sendtofirebase() { db.collection('contacts').add({ name:'faizam', email:'shdj', subject:'hdjshj', …
Faizan Ali
  • 93
  • 1
  • 7
1
vote
1 answer

How to set custom starting page number for MDBDataTable in React

I have a pagination problem. MDBDataTable jumps back to first page upon data edit. Looks like, it's a bug. So, I decided to set the current page number in order to keep the current page.
Aagiidu
  • 57
  • 2
  • 6
1
vote
1 answer

MDBReact table change labels locale

Is it possible to change MDBReact Table texts such as "Show entries" into Spanish? Thank you.
1
vote
1 answer

MDBDataTable Cannot Sort Column if Cell Contains HTML

I'm trying to generate a sortable and searchable table in reactjs using mdbreact like so import React from 'react'; import { MDBDataTable } from 'mdbreact'; const tableData = { columns: [ { field: 'first_name', …
proPhet
  • 1,188
  • 4
  • 16
  • 39
1
vote
2 answers

Blocking background content and focus on modal

Blocking background content and focus on modal. I am using mdbreact. I have a table that has a delete and edit buttons in each row and I do not want the user to click these buttons when the modal is shown up.
Paul
  • 211
  • 1
  • 6
  • 19
1
vote
1 answer

MBDReact: How do I make a row clickable?

I have setup my table in admin side of our application with MDBReact using the datatable. This table shows some small details of the stories that I have. Now I have to make a row clickable i.e. add onClick to make a function call with the story id…
Ratnabh kumar rai
  • 1,426
  • 4
  • 21
  • 48
1
vote
1 answer

How to handle when a radio button is clicked?

I want a function to be called when a radio button is clicked. In this function there will be a two-dimensional array in the following format: [[0,0],[1,0],[2,1],[3,0],[4,1]] An array entry will look like: [regionNumber, 0 or 1 ] regionNumber…
Sue
  • 225
  • 3
  • 9
1
vote
2 answers

Using props.data with MDBNav, how to activate the active TAB or LINK

With ReactJS i am using MDBNav from MDBreact. This is the code od the container where is props.data defined: import React from 'react' import MiTabs from "../componentes/MiTabs"; class VpnList extends React.Component { state = { vpn: [ …
Kentron.dna
  • 183
  • 11
1
vote
2 answers

React.js: Collapsible menu does not return to original state

I'm fairly new to React and I would like to ask for a little help. I made a side menu/navigation using Material Design bootstrap -- list group, list group item, MDBCollapse, NavLink Here is the code: import React, { useState } from 'react'; …
iamjpcbau
  • 374
  • 1
  • 11
  • 29
1
vote
0 answers

mdbreact table filter not working using React

I am using datatable with help of mdbreact table from "https://mdbootstrap.com/docs/react/tables/datatables/" here problem with search filter not working with table values. When I type string in search box following error throws and app…
SaranViji
  • 383
  • 2
  • 6
  • 17
1
vote
3 answers

Link tag in React NavBar not navigating to the correct page

I am new to React and am using Material Design for Bootstrap (MDB) to create a NavBar component for my app. I have updated the Link tags in the NavBar to point to my own routes, but when I click on the links, the URL changes in the address bar, but…
1
vote
3 answers

How to get the value from one component(Child Component) to another component (Parent Component) in reactjs?

I'am working Reactjs Weather project. I'am getting the value in one of the method in Child Component (Form.js) after submitting and I need to get that value in Parent Component (App.js). How to get that value? App.js file (Parent…
Pranav
  • 1,487
  • 2
  • 25
  • 53