App.js import Card from './card'; import './App.css'; import Movie from './Movie'; const movies = (val) =>{ return( <> <Card img={val.img} title={val.title} Category={val.Category}/> </> ) } function App() { return ( <> {Movie.map(movies)} </> ); } //map function is used to create a array of each array elements. export default App; Card.js import React from 'react' export default function card(props) { //props means properties. We can create custom attributes using props. return ( <div className="card"> <img src={props.source} /> <div className="container"> <h4><b>{props.title}</b...
App.js import './App.css'; import Cntr from './Cntr'; function App() { return( <> <Cntr/> </> ); } export default App; Cntr.js import React, {useState} from 'react'; //use state is used to change the sate of a varibale means update a value with a eventlistner in our DOM. export default function Cntr() { const [count , setCount] = useState(0); // const[variable , update value fuction] = useState (variable initialization); const valinc = () =>{ setCount(count+1); //set setcount function } return ( <div className="col-6 m-auto mt-4"> <h1 className="text-center">{count}</h1> <p className="text-center"><button className...
মন্তব্যসমূহ
একটি মন্তব্য পোস্ট করুন