Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript <;选择>;如果我应用所需的select picker类,则标记不会显示_Javascript_Reactjs_Select_Multi Select - Fatal编程技术网

Javascript <;选择>;如果我应用所需的select picker类,则标记不会显示

Javascript <;选择>;如果我应用所需的select picker类,则标记不会显示,javascript,reactjs,select,multi-select,Javascript,Reactjs,Select,Multi Select,我需要从第二个select中检索数据,我在其中插入了类select选择器,但是当我尝试使用这个引导选择组件时,数据没有显示,该组件工作正常我尝试过,但我认为在两个select标记之间的插入有问题。 或者,如果有人知道我该如何为这些技能创建一个多重选择,那就太好了。基本上,当学生选择一个主题时,就会出现一个技能列表,他可以选择多个。现在我尝试使用tadeo建议的react引导multiselect,但我也有类似的问题。提前谢谢。(我已经重新修改了代码) 从“/context/UserContext

我需要从第二个select中检索数据,我在其中插入了类select选择器,但是当我尝试使用这个引导选择组件时,数据没有显示,该组件工作正常我尝试过,但我认为在两个select标记之间的插入有问题。 或者,如果有人知道我该如何为这些技能创建一个多重选择,那就太好了。基本上,当学生选择一个主题时,就会出现一个技能列表,他可以选择多个。现在我尝试使用tadeo建议的react引导multiselect,但我也有类似的问题。提前谢谢。(我已经重新修改了代码)

从“/context/UserContext”导入UserContext;
导入“./style/slide_left.css”;
从“react promise tracker”导入{trackPromise};
从“/./services/topicService”导入{getTopics};
从“lodash”导入
从“react bootstrap Multiselect”导入Multiselect;
类主题扩展组件{
状态={
主题:[],
所选主题:{}
}
异步组件didmount(){
const{data:topics}=await-trackPromise(getTopics());
this.setState({topics});
}
选择topichandler=(e)=>{
const selectedTopic=this.state.topics.filter(topic=>topic.title==e.target.value)
this.setState({selectedTopic})
}
render(){
const{topics}=this.state
返回(
{(用户)=>(
选题与技能选择
编辑
拯救
ID:{user.name}电子邮件:{user.Email}
选择你的主题
{this.state.topics.map(topic=>{topic.title}}
{!-.isEmpty(this.state.selectedTopic)&选择您的技能
{skill}}
/>
} 
)}
);
}
}
导出默认主题;
如果您想创建一个multiselect,那么npm包可能会有所帮助。按如下方式安装:

npm install react-bootstrap-multiselect
<Multiselect/>
它有一个名为Multiselect的React类

import Multiselect from 'react-bootstrap-multiselect';
然后,可以使用该类渲染react组件,如下所示:

npm install react-bootstrap-multiselect
<Multiselect/>


它要求引导css处于活动状态,但在您的项目中应该已经存在这种情况。

我不久前在引导选择中遇到了类似的问题。还是找不到满意的解决办法。我找到了一个解决办法,但它有副作用。你可以看一看[这里]()你能帮我看一下道具吗?因为我无法理解这个multiselect的文档…我已经在上面浪费了一天多的时间,我被困在这里了。这里有关于这个组件的非常好的文档:如果你有具体的问题,请随意访问askI编辑代码,但是现在multiselect没有正确显示,没有选项。。。