javascript - 将所有 className 类作为 Prop 放在 react 中是个好主意吗？

Question

我只是想知道是否将您的 className 类放在 React 类的 prop 中？到目前为止，这是我的代码。

var app = document.getElementById('app');
class App extends React.Component {
   render() {
      return(
         <div>
            <Header navbar="navbar fixed-top navbar-custom"/>
         </div>
      ); 
   }
}

class Header extends React.Component {
   constructor(props) {
      super(props);
   }
   render() {
      return(
         <header>
            <div class={this.props.navbar}>
               <a href="#" class="navbar-brand">Material Site</a>
               <a href="#"><img src="/images/hamburger-icon.png" width="30" height="20"></img></a>
            </div>
         </header>
      );
   }
}

class ChildSidebar extends React.Component {}
ReactDOM.render(<App/>, app);

感谢您的建设性建议。

Answer 1

这不是个坏主意。

只是更喜欢使用 className React 属性而不是 class

<header>
    <div className={this.props.navbar}>
                /* Your code */
    </div>
</header>