将ID设置为识别芯片类型

Question

我有一些材料UI“芯片”，其中包含文本，我参考。在我的例子中，图像，您可以看到，有芯片的白色优势部分和黑色优势部分。有时这些芯片包含相同的文本，这就是我的问题所在。

如果有人单击芯片，它会查看芯片内的文本，以确定该做什么。但我也需要它来检查，看看他们是否点击了芯片的白色优势或黑色优势部分。因此，我想我需要将某种标识符附加到该芯片上。这是我被困的部分，因为我不知道怎么做！

请注意，这些芯片是通过在数组上使用map生成的，其中一个映射函数用于白色部分，另一个映射函数用于黑色部分。

所以，我的问题是，我如何在每个芯片上附加一些东西来表示它属于白色或黑色类别(而不必将白色或黑色放在芯片本身的文本中)？

​

​

Answer 1

我最后用了这个：

                     <li style={litags}>
                          <Chip
                            label={name1}
                            color="primary"
                            variant="outlined"
                            onMouseOver={event => {
                              highlightSquares(name1, 'White');
                            }}
                            onMouseLeave={event =>
                              board.current.removeMarkers(undefined, undefined)
                            }
                            onClick={event => {
                              popupInstruction(name1, 'White');
                            }}
                          />
                    </li>
                     ```