使用react-redux碰到的天坑

今天第一次学习react-redux,才搞了十几分钟,就碰到报错

 

原代码

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import Test2 from './test2';
import reportWebVitals from './reportWebVitals';
import './mock/mock'
import { Provider } from 'react-redux'
// Provider组件的作用,它是一个提供器,使用了它后,它内部的组件都可以使用store了
import store from './store2/index'

const App = (
  <Provider store={store}>
    <Test2 />
  </Provider>
)

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

最后发现是这里的问题

 

 改成这样

 

 就行了,我去,忘记jsx了,以为App接受一个组件,就用组件的写法去了,狂汗汗汗!

 

 ...为了解决这个Bug,整整搞了半个小时才解决.