无法将此 js 代码添加到我的材料设计芯片的样式中

Question

如何添加此代码以响应 js。当我将其添加为函数时，它显示 $ 未定义。此外，我尝试了各种方法但未成功添加此代码

$(function () {
    $('.chips__choice .chip').on("click", function () {
        $('.chips__choice .chip').removeClass('chip--active');
        $(this).addClass("chip--active");
    });
    $('.chips__filter .chip').on("click", function () {
        $(this).toggleClass("chip--active");
    });
});

显示 $ 未定义

Answer 1

最好避免在 React 应用程序中使用 Jquery，但如果有必要，您可以这样做：

1. npm install jquery 在终端中
2. import $ from 'jquery' 在粘贴代码的组件中