在反應原生 redux 中的 useSelector 中狀態未定義

Question

我已經嘗試學習 redux 好幾天了，但我學不來。 在 React Native Redux 中的 useSelector 中狀態未定義，但是當我使用 UseSelector 時總是發生這種情況，狀態未定義請幫助。 這是我的最簡單形式的代碼。

import React from 'react';
import {Provider} from 'react-redux';
import Home from './screens/home';

const App = () => {
  return (
    <Provider store={Store}>
      <Home />
    </Provider>
  );
};

//store
import {createStore} from 'redux';
export const Store = createStore(reducer);

//reducer
const initialState = {
  name: 'John',
};
function reducer(state = initialState, action) {
  return state;
}

//action
export const setName = () => {
  return {
    type: SET_USER_NAME,
  };
};

export default App;

import {StyleSheet, Text, View} from 'react-native';
import {useSelector} from 'react-redux';

const Home = () => {
  const state = useSelector(state => state);
  alert(state);
  return (
    <View style={styles.container}>
      <Text>Hello</Text>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});

export default Home;

Answer 1

您在商店初始化之前正在使用它。 移動

const App = () => {
  return (
    <Provider store={Store}>
      <Home />
    </Provider>
  );
};

在export default App;之前的底部export default App; 然后它起作用了