React.js包括css

时间:2017-07-12 06:21:16

标签: javascript css reactjs webpack mern

我正在研究MERN.io项目。 我正在使用React.js组件Dropdown。

但它并没有包含它的风格和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>         
    )

 ...
}

enter image description here

这是当前下拉列表如何工作的截图。 我希望你能得到很多帮助。 谢谢。

1 个答案:

答案 0 :(得分:1)

import 'react-dropdown/style.css';