React passing data via props

App.jsx

import Item from './PropsExample/Item';
import Error from './PropsExample/Error';
function App(){
  let DataItem = ['one', 'two', 'three']
  return <>
  <Error data={DataItem} />
      <Item data={DataItem} />
  </>
}
export default App;

Item.jsx

function Item({data}){ 
    return <ul>
    {data.map((item)=>(
     <li key={item}>{item}</li>
    ))}
       
    </ul>
}
export default Item;

Error.jsx

function Error({data}){ 
    return <>
    {data.length == 0 ? <h2>No data</h2>:null} 
    </>
}
export default Error;

Leave a Reply Cancel reply