如何导入和调用使用redux connect的react纯函数及其函数？(只使用React功能组件，不使用类)

npm install redux react-redux

import { createStore } from 'redux';
import { Provider } from 'react-redux';
import rootReducer from './reducers'; // 导入你的根reducer

const store = createStore(rootReducer);

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

import React from 'react';
import { connect } from 'react-redux';

const MyComponent = ({ data }) => {
  return (
    <div>
      <h1>{data}</h1>
    </div>
  );
};

const mapStateToProps = (state) => {
  return {
    data: state.data // 将state中的data属性映射到组件的props中
  };
};

export default connect(mapStateToProps)(MyComponent);

import React from 'react';
import MyComponent from './MyComponent';

const App = () => {
  return (
    <div>
      <MyComponent />
    </div>
  );
};

export default App;