首页 > 解决方案 > 你如何在java脚本中调用字典项

问题描述

我正在尝试在网站中创建一个功能,让您可以使用字典来存储俱乐部名称、事件和时间。

 var clubName = {};
    var event = {};
    var time = {};

    var dict = new Map();
    dict.set(clubName, "Girls who Code");
    dict.set(event, "Guest Speaker");
    dict.set(time, "2:30 Feb");

我这样做是为了创建字典

<div className="font-weight-bold">
  <small className="text-black-50 font-size-sm d-block mb-1 text-uppercase">
      Green Club
   </small>
  <span className="text-black-50 font-size-lg mt-1">Guest speaker event<br></br></span>
  <span className="text-black-50 font-size-sm mt-1"><br></br>February 31, 2021<br></br></span>
  <span className="text-black-50 font-size-sm mt-1">3:30-4:30<br></br></span>
</div>

那是我试图在其中实现该项目的代码。我将如何在其中调用字典项目?我是 JS 的初学者,所以任何帮助将不胜感激

标签: javascriptreactjs

解决方案


您可以使用:

<div className="font-weight-bold">
  <small className="text-black-50 font-size-sm d-block mb-1 text-uppercase">
      {dict.get('key')}
   </small>
  <span className="text-black-50 font-size-lg mt-1">
      {dict.get('key')}
<br></br></span>
  <span className="text-black-50 font-size-sm mt-1"><br></br>
      {dict.get('key')}
<br></br></span>
 
</div>

您可以使用这种方式在 React 组件 UI 中显示任何数据


推荐阅读