javascript - 带有选项的 Reactjs 动态 optgroup
问题描述
我正在尝试映射一个数组并使用 optgroups 和它的 opts 创建一个选择。但是下面的代码只会输出 optgroup;
<select name="clients">
{this.props.clients &&
this.props.clients.length > 0 &&
this.props.clients.map((e, key) => {
return (
<optgroup key={key} label={e.name}>
{e.projects.map((project, projectKey) => {
<option key={projectKey} value={project.id}>
{project.name}
</option>;
})}
</optgroup>
);
})}
</select>
任何想法我也可以获得选项输出?
解决方案
你的内部map()
函数没有返回任何对象。在您的元素return
之前添加。<option>
<select name="clients">
{this.props.clients && this.props.clients.length > 0 && this.props.clients.map((e, key) => {
return <optgroup key={key} label={e.name}>
{e.projects.map((project,projectKey) => {
return <option key={projectKey} value={project.id}>{project.name}</option>
})}
</optgroup>;
})}
</select>
推荐阅读
- yii2 - Yii2 : 设置访问控制匹配回调
- visual-studio - 为什么这个基数排序 CUDA 代码只对 32 个元素进行排序?
- command - 如何从管理面板运行所有 magento 2 命令
- ruby-on-rails - Rails 5 - 使用自定义 slug 路由
- maven - 注册表中缺少 JAI RangeLookup 操作,但在 IntelliJ 中工作正常
- ruby-on-rails - 两个指向同一个文件的回形针附件
- oracle - 如何获取Oracle数据库中函数的历史
- ios - NSURLSession HTTPMaximumConnectionsPerHost 没有按预期工作
- asp.net-mvc - 使用 Google OAuth2 登录的 ASP.NET Core Web 应用
- html - jsp如何在一个复选框中插入多个值