最新消息:20190529 VPS服务器已从腾讯云香港换为Vultr新加坡,主题仍用朋友推荐的大前端D8

【已解决】ReactJS中字典变量如何实现map

ReactJS crifan 1738浏览 0评论

对于一个字典变量:

  notBreedingReasonTypeDict : {
    "1" : "产奶量低",
   。。。
    "16" : "恶癖牛”,
    。。。
    "31" : "流产后第一次发情"
  }

然后去使用map:

            <select dir="rtl" class={style.ui_select}>
              <option selected="selected">请选择</option>
              {
                this.props.notBreedingReasonTypeDict.map(({reasonKey, reasonText}) => {
                  return (
                    <option value={reasonKey}>{reasonText}</option>
                  );
                })
              }
            </select>

结果出错:

reactjs dict map

javascript – How to map a dictionary in reactJS? – Stack Overflow

可以用for

也可以用map:

Object.entries

reactjs – Mapping over a dictionary to display dropdown values in Javascript – Stack Overflow

可以用map就是比较麻烦

【总结】

对于字典变量:

  notBreedingReasonTypeDict : {
    "1" : "产奶量低",
   。。。
    "16" : "恶癖牛”,
    。。。
    "31" : "流产后第一次发情"
  }

最后用Obejct.entries去实现了:

                Object.entries(this.props.notBreedingReasonTypeDict).map(([reasonKey, reasonText]) => {
                  return (
                    <option value={reasonKey}>{reasonText}</option>
                  );
                })

效果是:

转载请注明:在路上 » 【已解决】ReactJS中字典变量如何实现map

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
62 queries in 0.077 seconds, using 18.77MB memory