javascript - 如何连接样式

Question

我认为错误在这部分，抱歉我是新手

{styles.navbar navbar-default}

this is my code

import styles from './Header.scss';

class Header extends Component {

render() { return (
  <nav className={styles.navbar navbar-default}>

  </nav>
    );
  }
}

enter image description here

Answer 1

我觉得应该是

<nav className={styles.navbar,styles.navbar-default}></nav>

或者你也可以试试这个。在这种情况下，第二个属性将覆盖 styles.navbar

中的相同样式属性

<nav className=style={Object.assign({}, styles.navbar, styles.navbar-default)}></nav>