Questions tagged [mdbreact]
67 questions
0
votes
0 answers
mdbreact default styling not loading in reactjs
I created a new react app, then I created a registration form component using mdbreact and everything was loading well. All of a sudden, the default styling associated with mdbreact suddenly stopped loading.
import React, { Component } from…

dayo
- 1
0
votes
2 answers
Pass JSON data returned from fetch() to .map inside a const
Right now my code is pulling its JSON from a file, I am trying to have it pull the data from an API instead, I have successfully printed the array from the API to the console, however when I try to use the .map function on the data I pulled, I…

INeedHelpPlz
- 25
- 5
0
votes
1 answer
How to get names and the values from dynamic form. (REACTJS)
I am renderin this form dynaimcatlly in the render,
How to get names and values when submit was cicked?
This is the parte os the code here form are generated from an array.
import React, { Component, Fragment } from 'react';
import { MDBContainer,…

Kentron.dna
- 183
- 11
0
votes
1 answer
How remove the default "CLICK" name for the button when using MDBModal?
I am using the component from MDBreact : MDBModal
When i am importing this:
import Modal from "../Modal";
CODE:
import React from "react";
import axios from "axios";
import TableData from "../TableData";
import CustomForm from…

Kentron.dna
- 183
- 11
0
votes
1 answer
how to activate the active TAB or LINK in the MDBNav of MDBreact.?
This is my code:
import React from "react";
import { BrowserRouter } from 'react-router-dom';
import { MDBNav, MDBNavItem, MDBNavLink } from "mdbreact";
const MiTabs = props => {
return (
…

Kentron.dna
- 183
- 11
0
votes
1 answer
Use props.data to construct auotmaticaly a MDBNav for my React proyect
I am very new on React and I need a litle help.
I tried to create a component that receive data from props and automaticaly create al necesary tabs:
I am using MDBNav from MDBreact.
The idea is to fetch the data ( Test1, Test2, Test3, Test4) to the…

Kentron.dna
- 183
- 11
0
votes
1 answer
How to fetch data from api already in props using MDBDataTable
import React from "react";
import { List, Avatar, Icon } from "antd";
import { MDBTable, MDBTableBody, MDBTableHead } from 'mdbreact';
import { MDBDataTable } from 'mdbreact';
const IconText = ({ type, text }) => (

Kentron.dna
- 183
- 11
0
votes
3 answers
I am using mdbreact npm for react data tables with next.js what i want to add fa fa icon with the heading but i am unable to do it
I am using mdbreact npm for data tables with next.js and i want to add fa fa sort icon with heading but it is not working below is my code and i already i tried it with CSS :-
// This is how i import mdbreact after installation :-
import {…

Rajat Srivastava
- 115
- 8
0
votes
1 answer
Push array variables in MDBReact datatables
So, I have a API which returns the data which should be shown in table with datatable option.
I'm using 'mdbreact' to use datatable.
But there is no documentation about pushing array variables into rows of datatables. How to push my array…

farooq
- 1,603
- 2
- 17
- 33
0
votes
1 answer
React dynamically using sub-components with props
Maybe there is a better way, but I try to make my React components as reusable as possible. So I am using a bootstrap Card and inside this Card I wanna place different components from outside (with props) dynamically. Without props it works fine.…

Andrew
- 15
- 3
0
votes
1 answer
How to fetch JSON data into MDBDataTable row
I have a MDBDataTable (datatable from mdbreact package). I want to fecth JSON data from api and show it in the rows of the table.
This is what I tried to do, but it gave the following error- "objects are not valid as a react child error".
MY…

Dev Srivastava
- 99
- 2
- 7
0
votes
1 answer
The search icon won't appear when using MDBIcon
I want to display the search icon along with the search bar in my Navbar in React Bootstrap
src/modules/home/Home.jsx
import React, { Component } from 'react'
import InformationTableView from '../../components/InformationTableView'
import {…

Madhumi Munasinghe
- 77
- 8
0
votes
1 answer
Attempt import error: 'MDBSideNav' is not exported from 'mdbreact'
import { MDBInput, MDBNavbar, MDBNavbarNav, MDBNavItem, MDBNavLink, MDBDropdown, MDBDropdownToggle, MDBDropdownMenu, MDBDropdownItem, MDBIcon, MDBSideNavItem, MDBSideNavCat, MDBSideNavNav, MDBSideNav, MDBContainer } from "mdbreact";

Ranco
- 21
- 1
- 3
0
votes
1 answer
Why my react datatable is rendering all data at once also search bar is not working?
Am using mdbreact to render data fetched to show in the datatable, all the data is rendering at once, it is not following pagination also the search bar is not searching anything. Every feature of datatable is rendered properly only the…

Bharat Singh
- 93
- 1
- 12
0
votes
1 answer
React Router v4 - using children pages for long list of breadcrumbs
I am using React to create an app which has a lot of parent/child pages.
The main navigation will be the breadcrumbs. I have implemented the code from thew following repo https://github.com/sqren/react-router-breadcrumb-example
This works ok…

Steven Collins
- 373
- 2
- 8
- 20