[英]state is undefined in useSelector in react native redux
我已经尝试学习 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;
您在商店初始化之前正在使用它。 移动
const App = () => {
return (
<Provider store={Store}>
<Home />
</Provider>
);
};
在export default App;
之前的底部export default App;
然后它起作用了
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.