带有Electron.js的React Redux工具包

m4pnthwp  于 2022-12-08  发布在  Electron
关注(0)|答案(1)|浏览(166)

我用react和redux工具包编写了一个普通的web应用程序,我想最终把它变成一个带有电子的桌面应用程序,我已经解决了react部分,但似乎redux不起作用,我已经像往常一样在react应用程序的index.js上设置了商店提供程序,但我猜这可能是电子的另一种方式?

import React from 'react';
import ReactDOM from 'react-dom/client';
import store from './store';
import { Provider } from 'react-redux';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
      <Provider store={store}>
          .....
          .....
          .....
      </Provider>
      
);
yzckvree

yzckvree1#

你已经解决了吗?
我没发现你的代码有什么特别奇怪的地方。
请检查redux存储的路径。
我以前用过react + electron + typescript。
共享react文件夹内src文件夹中的index.tsx文件。

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { store } from './store';
import { Provider } from 'react-redux';

// ↓ You can ignore the code below.
declare global {
  interface Window {
    Kakao: any;
    Naver: any;
  }
}
// ↑ You can ignore the code below.

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);

root.render(
  <React.StrictMode>
    <Provider store={store}>
      <App />
    </Provider>
  </React.StrictMode>
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://create-react-app.dev/docs/measuring-performance/
reportWebVitals();

希望这对你有帮助!

相关问题