Grids using react bootstrap

Question

I want to display 3 cards. I am getting the following error:

./src/views/Notifications.jsx Line 28:8: 'Container' is not defined react/jsx-no-undef

Search for the keywords to learn more about each error.

import React, { Component } from "react";
import { Row, Col, Alert, Container} from "react-bootstrap";
import Button from "components/CustomButton/CustomButton.jsx";
import Typography from "views/Typography.jsx";
import { BrowserRouter as Router, Route, Redirect, Switch, Link, NavLink } from 'react-router-dom';


class Notifications extends Component {
  render() {
    return (
      <Container>
  <Row>
    <Col>1 of 2</Col>
    <Col>2 of 2</Col>
  </Row>
  <Row>
    <Col>1 of 3</Col>
    <Col>2 of 3</Col>
    <Col>3 of 3</Col>
  </Row>
</Container>

    )}
}

where are you using the Notifications class? the above snippet you showed works on its own the code has no error on it. — Imran Qureshi
– Imran Qureshi, Commented Feb 10, 2020 at 18:48

varoons · Accepted Answer · 2020-02-10 18:56:46Z

1

Try

import Container from 'react-bootstrap/Container'

https://react-bootstrap.github.io/layout/grid/#container-props

answered Feb 10, 2020 at 18:56

varoons

3,8871 gold badge18 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Grids using react bootstrap

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related