简单的React组件在Redux状态改变后不会更新

在React中，使用Redux管理状态时，组件不会自动更新是因为组件没有订阅Redux状态的变化。为了解决这个问题，可以使用React-Redux库提供的connect()函数将组件连接到Redux状态，并订阅状态的变化。

以下是一个示例代码：

首先，安装React-Redux库：

npm install react-redux

然后，创建一个Redux的store和reducer：

// store.js
import { createStore } from 'redux';
import rootReducer from './reducers';

const store = createStore(rootReducer);

export default store;

// reducers.js
const initialState = {
  counter: 0
};

const rootReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'INCREMENT':
      return {
        ...state,
        counter: state.counter + 1
      };
    default:
      return state;
  }
};

export default rootReducer;

接下来，创建一个简单的React组件，并使用connect()函数将它连接到Redux状态：

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

const Counter = ({ counter }) => {
  return (
    <div>
      <h1>Counter: {counter}</h1>
    </div>
  );
};

const mapStateToProps = (state) => {
  return {
    counter: state.counter
  };
};

export default connect(mapStateToProps)(Counter);

在上面的代码中，mapStateToProps函数将Redux状态映射到组件的props上。

最后，在根组件中使用Redux的Provider组件包裹整个应用，并传入Redux的store：

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

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

通过以上步骤，Redux状态的更新将会自动触发组件的重新渲染，从而解决了“简单的React组件在Redux状态改变后不会更新”的问题。