jStorage- TypeError: Cannot read property 'set' of undefined

Question

我已经安装了 jquery 和 jStorage 作为 npm i --save jstorage (https://www.npmjs.com/package/jstorage) 和 npm i --save jQuery。我正在尝试使用 jStorage 并设置值但出现错误：-

TypeError: Cannot read property 'set' of undefined

App.js

import $ from 'jquery'; 

const App = props => {
  const swithHandle = (function () {
    console.log('hi'); // correct output
    //  localStorage.setItem('rememberMe', '323232dd');  // correct output
    $.jStorage.set("mykey", "keyvalue");   //TypeError: Cannot read property 'set' of undefined
  }());
  return (
    <BrowserRouter>
      <div className="App" onClick={swithHandle()}>
        <Navbar />
      </div>
    </BrowserRouter>
  );
}

Answer 1

jStorage 库似乎将自身全局保存在页面中，而且它似乎通过其典型名称 $ 与实际的 jQuery 库没有联系。

因此，以下代码示例说明了如何在您的应用程序中同时使用它们：

import $ from 'jquery';
import 'jstorage';

// this is how you use jQuery
$('#some_element').val();

// this is how you use jStorage
window.$.jStorage.set('a', 'b');

请记住 window.$ 是不是 jQuery.

并且为了进一步避免混淆，如果您打算使用 jQuery 本身，我建议您将其导入命名为不同于 $，例如：

import jQuery from 'jquery';

jQuery('#some_element').val();

jStorage- TypeError: Cannot read property 'set' of undefined

jStorage- TypeError: Cannot read property 'set' of undefined

jstorage

reactjs

App.js