Javascript 反应本机设置全局状态并使用redux回调
我正在尝试使用redux全局传递状态。我想做的是,在第一个屏幕中,我生成一个Javascript 反应本机设置全局状态并使用redux回调,javascript,reactjs,redux,Javascript,Reactjs,Redux,我正在尝试使用redux全局传递状态。我想做的是,在第一个屏幕中,我生成一个随机数,并将其设置为全局状态 然后,我导航到下一个屏幕,当我切换一个按钮时,我回调全局状态随机数。下面是我的代码: App.js import { createStore } from 'redux' import { Provider } from 'react-redux' import { createDrawerNavigator, createStackNavigator, } from
随机数
,并将其设置为全局状态
然后,我导航到下一个屏幕,当我切换一个按钮时,我回调全局状态
随机数
。下面是我的代码:
App.js
import { createStore } from 'redux'
import { Provider } from 'react-redux'
import { createDrawerNavigator, createStackNavigator, } from 'react-navigation'
const initialState = {randomNumber:''}
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'UPDATE':
return { randomNumber: state.randomNumber}
}
return state
}
const store = createStore(reducer)
class App extends Component {
render(){
return(
<Provider store={store}>
<View style={{flex:1,backgroundColor:'transparent'}}>
<AppDrawerNavigator/>
</View>
</Provider>
)
}
}
我的问题:在第二个屏幕中,我想调用全局状态
随机数
,但是,我没有定义
知道我做错了什么吗?我对redux非常陌生,因此任何建议或评论都将不胜感激!提前谢谢 我想在你的第一个屏幕上 你有
function mapStateToProps(state) {
return {
randomNumber: state.randomNumber
}
}
但在设置您正在使用的状态时
this.setState({ RandomNumber : RandomNumber }
我想应该是这样
this.setState({ randomNumber: RandomNumber }
也可能跳过以在firstscreen中分派操作来设置全局状态。仅使用this.setState即可设置组件的本地状态。要设置全局状态,必须分派操作 我想在你的第一个屏幕上 你有
function mapStateToProps(state) {
return {
randomNumber: state.randomNumber
}
}
但在设置您正在使用的状态时
this.setState({ RandomNumber : RandomNumber }
我想应该是这样
this.setState({ randomNumber: RandomNumber }
也可能跳过以在firstscreen中分派操作来设置全局状态。仅使用this.setState即可设置组件的本地状态。要设置全局状态,必须分派操作 感谢您的评论,我已更改为
this.setState({randomNumber:randomNumber}
,但没有任何更改。此外,在GenerateRandomNumber
中,我添加了this.props.dispatch({type:'ADD_TODO',randomNumber})
但仍然没有更改。感谢您的评论,我已更改为this.setState({randomNumber:randomNumber}
但是没有任何变化。另外,在生成器中,我添加了这个.props.dispatch({type:'ADD_TODO',randomNumber})
但是仍然没有变化。