React container component
You don't have to put content as a prop, you can do this:

&lt;section className={this.props.bgColor + " USBSection"&gt;
   &lt;div className="container"&gt;{this.props.children}&lt;/div&gt;
&lt;/section&gt;


and then you can use your component as:

 &lt;MySection bgColor="bg-gray"&gt;
    &lt;MediaObject heading="today's rates!" /&gt;
    &lt;MediaObject heading="some other heading" /&gt;
    &lt;MediaObject heading="other other heading" /&gt;
 &lt;/MySection&gt;

&lt;MySection bgColor="bg-gray"&gt;
  &lt;MediaObject heading="today's rates!" /&gt;
&lt;/MySection&gt;


So whatever is written inside the "body" of the component, is passed on as this.props.children.

Regarding VSCode yelling at you about the apostrophe is that you were closing the apostrophe before the string end:

heading={'today's rates!'}


If you use a single quote inside a string, use double quotes:

heading={"today's rates!"}


or, you can escape the quote:

heading={'today\'s rates!'}