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