Need help with react js

1 
import React from "react"

import data from "./data"

import {Container,Row,Col,Card,CardImg,CardBody,CardTitle,CardText,} from "reactstrap"

const App=()=>{

  return(

    <Container>

      <Row>

                              

            {data.map(item=>(

              <Col md={6}>

              <Card style={{width:"20%", height:"60%"}}>

                <CardImg src={item.img} width="200" top height="300"/>

                <CardBody>

                  <CardTitle>

                    {item.name}

                  </CardTitle>

                  <CardText>

                    {item.text}

                  </CardText>

                </CardBody>

              </Card> 

              </Col>

            ))

          }

                  

      </Row>

    </Container>

  )

}

export default App

image
image1366Ă—768 130 KB

2

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

Please use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356Ă—380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks are not single quotes.

markdown_Forums

3

Can you be more specific about what problem you are having?

1 Like
4

Thanks a lot sir, I have solved the problem. I just looked into documentation of reactstrap and cam to know we also have to import bootstrap in our project to let reactstrap work