I'm fairly new to working with ReactJS and I've encountered an issue while trying to create a class for a specific form.
Below is the code I've written:
import React, { Component, PropTypes } from 'react';
import s from './style.scss';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import { Grid, Row, Col } from 'react-bem-grid';
class OrderDetails extends Component {
render() {
return (
<div>
<Row>
<form class="orderform">
<h3>Product Details: </h3>
<Row>
<Col xs={5}>
Product: <br />
Category: <br />
Sub Category: <br />
Price: <br />
Color: <br />
Breakdown:
</Col>
<Col xs={4}>
test
</Col>
</Row>
<h3>Print Details</h3>
<Row>
<Col xs={5}>
Print Method: <br />
Position: <br />
Length: <br />
Width: <br />
Colors
</Col>
</Row>
</form>
</Row>
</div>
);
}
}
export default withStyles(OrderDetails, s);
Additionally, here's the code from my style.css file:
.orderform{
color: red;
}
Despite this simple code, I'm perplexed as to why it's not functioning correctly. Any advice on how to effectively utilize class CSS in ReactJS would be greatly appreciated!