I've been trying to figure out the best way to include styles from an external CSS file in a ReactJS component. I initially tried referencing the class or id within the CSS file and applying styling that way, but it wasn't working as expected.
var ProfilePanel = React.createClass({
render: function() {
return (
<div>
<p class="profile-text">{this.props.text}{this.props.children}</p>
</div>
);
}
});
In my CSS file, I have:
.profile-text{
font-size: 10px;
}