主页 / 问题 / 1200625
Accepted
Coretex
Asked:2021-11-06 05:30:59 +0000 UTC2021-11-06 05:30:59 +0000 UTC

React - 如何从当前对象获取数据属性

  • 772

我需要为每个项目存储“被选中的项目”值。为此，我data-attribute在元素本身的 jsx 中使用并粘贴它。您如何"data-selected"从中获取值className？

如何从事件调用的函数中引用值 - 我知道。

在此处输入图像描述

javascript

1 个回答

  1. Best Answer

    在您的情况下，最好创建一个组件来表示该区域。例如，将 props 传递给组件，<Region selected={true} onClick={/** */} />并在组件本身中，根据 props 分配某些类。

    const Region = (props) => {
  return (
    <div className={`${styles.option} ${props.selected ? styles.selected : ''}`}
  );
}
    • 2

相关问题