0
我正在开发MERN.io项目。 我正在使用React.js组件下拉菜单。React.js包括css
但它不包含它的样式和css,并且根本不包含它。
...
import Dropdown from 'react-dropdown';
import styles from './../../../../assets/css/style.css';
class OrderCreateWidget extends Component {
...
render() {
...
return(
<div>
<div className={styles["row"]}>
<div className={styles["col-lg-12"]}>
<div className={styles["card"]}>
<div className={styles["card-header"]}>
Place Order
</div>
<div className={styles["card-block"]}>
<h5>*NOTICE* Please make sure that you have "Followers" enabled on your profile so that the share button appears for non-friends too, that will enable us to promote your post.</h5>
<br/>
<div className={styles["row"]}>
<div className={styles["col-lg-7"]}>
<div className={`${styles["row"]} ${styles["form-group"]}`}>
<label className={styles["col-md-3"]}>Service</label>
<Dropdown options={options} onChange={this._onSericeSelect} value='fb_likes1' placeholder="Select an option" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
)
...
}
这是怎么了下拉的作品,目前的截图。 我希望你的帮助很大。 谢谢。
它的工作原理。但是当我想用webpack重建时,它会报告一个错误。 /体积/数据/项目/实体/幼儿/拉丁美洲/客户端/模块/订单/组件/订单创建窗口/订单创建窗口.js:1939 content.locals; ^ ReferenceError:内容没有定义在对象 。(/Volumes/Data/Projects/Rantic-Tyler/rantic_mern/client/modules/Order/components/OrderCreateWidget/OrderCreateWidget.js:11:1) –
@KonstantinJ。更多信息请 – Skribja
我使用mern.io作为开始项目,并将该css文件包含在我的组件中。 但是当我想编译它时,它会报告上面的错误。 我认为这是因为webpack。 –