Javascript 使用React引导或物料ui进行React复选框状态管理?
我正在做一个项目。我想在一个组件上使用复选框,并想展示一些具有某些功能的产品。功能将由用户检查定义。我想知道如何一起管理复选框和状态信息 我用Javascript 使用React引导或物料ui进行React复选框状态管理?,javascript,reactjs,material-ui,react-bootstrap,Javascript,Reactjs,Material Ui,React Bootstrap,我正在做一个项目。我想在一个组件上使用复选框,并想展示一些具有某些功能的产品。功能将由用户检查定义。我想知道如何一起管理复选框和状态信息 我用和完成了这个项目。我在一家公司列出了一个类别列表。当我选择其中一个(wtih onClick)时,我可以在我的Json服务器上看到具有相同CategoryId的产品 我在互联网上研究过,我认为材料界面在复选框管理方面更有用。你怎么认为?我应该使用material ui而不是react bootstrap for checkbox吗?在同一个项目中同时使用m
和
完成了这个项目。我在一家公司列出了一个类别列表。当我选择其中一个(wtih onClick)时,我可以在我的Json服务器上看到具有相同CategoryId的产品
我在互联网上研究过,我认为材料界面在复选框管理方面更有用。你怎么认为?我应该使用material ui而不是react bootstrap for checkbox吗?在同一个项目中同时使用material和bootstrap会影响网页的加载速度吗?还是会出现其他问题
我对任何想法都持开放态度。你可以和我分享你的想法,也可以给我发指南,文档,例子
ps:请不要添加github或复选框用法的官方页面(react和material ui:),因为我已经知道它们,并且找不到问题的答案
Thx.由于您没有提供任何代码,因此很难看出您想要实现什么,以及“在复选框管理方面更有用”在本文中的含义。您提到了
和
,但您是如何使用复选框的,还是在模拟带有可操作列表组项的复选框
我认为混合使用两个用户界面库不是一个好主意。最终会导致外观不一致,并且可能与样式等发生冲突。添加新的依赖项将根据依赖项的大小增加加载时间。如果您更喜欢material ui,那么迁移整个项目并使用它是很有意义的。这是代码尝试一下这可能是可行的……而且很有帮助
class ShowFeatures extends React.Component {
constructor(props) {
super(props);
this.state = {
showfchr: false
};
}
toggleChange = () => {
this.setState({
showfchr: !this.state.showfchr,
});
}
render() {
return (
<React.Fragment>
<div>
<input type="checkbox" checked={this.state.showfchr} onChange={this.toggleChange}
/>
Show Me Some Features!
</div>
{ this.state.showfchr ? (
<div> Your All Feature Will Show here</div>
):(
<div>here is defaullt</div>
)
</React.Fragment>
);
}
}
类ShowFeatures扩展了React.Component{
建造师(道具){
超级(道具);
此.state={
showfchr:错误
};
}
toggleChange=()=>{
这是我的国家({
showfchr:!this.state.showfchr,
});
}
render(){
返回(
给我看一些功能!
{this.state.showfchr?(
您的所有功能将在此处显示
):(
这是德法尔特
)
);
}
}
谢谢@Jussi Laasonen的回答,你是对的。但我需要一些文档或示例,主要问题是。这就是为什么我没有提供任何代码。顺便说一句,我可能会继续使用react引导。我喜欢这两个文档。我刚刚提到material有更多关于组件使用的文档。