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

Question

我想通过 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>
  ));

你们真的帮我解决了这个问题!!我非常感谢!我希望你们都度过了愉快的一天!!

Answer 1

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