时间戳

首页 > 解决方案 > 如何使用 onClick 获取数组？

javascript - 如何使用 onClick 获取数组？

问题描述

我想用 onClick 得到一个特定的数组，但结果总是未定义的。如果解释不清楚，请告诉我。我会修好它 ！谢谢这里是代码

 const chartType = ["Line", "Bar", "Pie", "Radar", "Doughnut", "Bubble"];
  const getType = (e) => {
    if (e.currentTarget === "Line") {
      console.log("true");
    }
  };
  const typeList = chartType.map((chart) => (
    <div>
      <h1 onClick={getType}>{chart}</h1>
    </div>
  ));

你们真的帮我解决了这个问题！我非常感谢它！我希望你们都有一个非常美好的一天！

标签： javascriptreactjs

解决方案

你onClick实际上是在抓取 html 元素，这就是为什么你没有得到任何匹配的原因，当你点击一个特定的 时h1，它会返回<h1>Foo</h1>. 要获得您需要的正确目标e.currentTarget.innerText。另外，由于您使用的是 React，请key为迭代项目添加一个独特的道具。

推荐阅读