javascript - 为什么 getAttribute 不返回选项字段名称？

Question

我有这个 React 代码作为回报：

当发生变化时，我会key在选项上获取和存储价值。select

<select
  className={"select_1"}
  onChange={(event: React.ChangeEvent<HTMLSelectElement>) => {
    let startPaymentIn2 = { ...startPaymentIn };
    var selectedIndex = event.target.options.selectedIndex;
    startPaymentIn2["pricingOptionId"] = event.target.options[
      selectedIndex
    ].getAttribute("key");
    setStartPaymentIn(startPaymentIn2);
  }}
>
  {Object.entries(buyTicketData?.pricingOptions).map(([key, value]) => (
    <option key={key}>{value.name}</option>
  ))}
</select>;

由于某种原因getAttribute("key");返回null，为什么？

标签： javascripthtmlreactjs

Answer 1

key是一个不会传递到 DOM 的 React 道具。它不在渲染的元素上。