Hi everyone, I just finished ravenous app part 2: ravenous part 2
and I don’t understand why is there {} around business in const {business} = this.props;
in my Business component. Can somebody explain it to me ?
import React from 'react';
import './Business.css';
class Business extends React.Component {
render(){
const {business} = this.props;
return (
<div className="Business">
<div className="image-container">
<img src= {business.imageSrc} alt=''/>
</div>
<h2>{business.name}</h2>
<div className="Business-information">
<div className="Business-address">
<p>{business.address}</p>
<p>{business.city}</p>
<p>{business.state} {business.zipCode}</p>
</div>
<div className="Business-reviews">
<h3>{business.category}</h3>
<h3 className="rating">{business.rating}</h3>
<p>{business.reviewCount}</p>
</div>
</div>
</div>
);
}
}
export default Business;
Thank you for your answer.