相关疑难解决方法(0)

如何将多个类添加到ReactJS组件

我是ReactJS和JSX的新手,我对下面的代码有点问题.

我试图className在每个属性上添加多个类li:

<li key={index} className={activeClass, data.class, "main-class"}></li>
Run Code Online (Sandbox Code Playgroud)

我的React组件是:

var AccountMainMenu = React.createClass({
  getInitialState: function() {
    return { focused: 0 };
  },

  clicked: function(index) {
    this.setState({ focused: index });
  },

  render: function() {
    var self = this;
    var accountMenuData = [
      {
        name: "My Account",
        icon: "icon-account"
      },
      {
        name: "Messages",
        icon: "icon-message"
      },
      {
        name: "Settings",
        icon: "icon-settings"
      }
    /*{
        name:"Help &amp; Support &nbsp; <span class='font-awesome icon-support'></span>(888) 664.6261",
        listClass:"no-mobile last help-support last"
      }*/
    ];

    return ( …
Run Code Online (Sandbox Code Playgroud)

javascript css ecmascript-6 reactjs

284
推荐指数
20
解决办法
28万
查看次数

标签 统计

css ×1

ecmascript-6 ×1

javascript ×1

reactjs ×1