useState 中的异步

Question

我的代码是：

<blink>
  const [thisButtomSelected, setThisButtomSelected] = useState({
    thisVal: 1111,
    thisIndex: 1111,
  })
   const onClick = e => {  
    setThisButtomSelected({ thisVal: e.currentTarget.value, thisIndex: e.currentTarget.id });
  }

  <li id="list" key={item.id}>
    <button
      value={item.value}
      id={index}
      className={isEqual(thisButtomSelected, { thisVal: item.value, thisIndex: index }) 
        ? 'button-selected' : 'button'
      }
      onClick={onClick}
    >
      {item.displayValue}
    </button>
</li>
</blink>  

每当我单击应用程序中的按钮时，它都会使thisButtomSelected始终等于先前的值。

在这种情况下，是否无法将按钮的样式更改为选定的样式？

我不明白问题出在哪里？

Answer 1

您正在使用的 isEqual function 不是本机 JavaScript function 使用，相反，您可以导入 Loadash 并使用它来比较两个对象。 使用指令就像：

_.isEqual(object, other);

正如我之前提到的，您必须安装 loadash package 并将其导入到您的 JS 文件中。