Javascript 反应和材料CSS

Javascript 反应和材料CSS,javascript,reactjs,materialize,Javascript,Reactjs,Materialize,我使用的是React和materialCSS 我有一个下拉组件,如下所示 return ( <div> <label>{label}</label> <select {...input} className="browser-default"> <option /> {this.generateValues(indexes)} <

我使用的是React和materialCSS

我有一个下拉组件,如下所示

 return (
      <div>
        <label>{label}</label>
        <select {...input} className="browser-default">
          <option />
          {this.generateValues(indexes)}
        </select>
      </div>
    );
  }
}
返回(
{label}
{this.generateValues(index)}
);
}
}

我想使用材质css外观,但如果我删除“浏览器默认”类名,该组件似乎无法工作。如何解决此问题?

尝试将
Select
初始化代码添加到
componentDidMount()
方法中

componentDidMount(){
  $('select').formSelect();
}

更好的选择是使用类型为“select”的输入组件。

您可以使用多个类名,例如

className={"browser-default another-class"}

我应该把什么作为另一个类名?如果我想看材料设计,我不确定我是否正确理解了你的原始问题。。。如果您使用的是Materialize,为什么不使用它们的语法?如果我不使用类名、浏览器默认值和下拉列表doeskin render,请查看此处,它只显示标签。我在此处的依赖项包括“materialize css”:“^0.100.2”,“react materialize”:“^2.2.0”,