Advertisement
Guest User

Untitled

a guest
Jun 26th, 2019
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.05 KB | None | 0 0
  1. The component for route 'test' must be a React component
  2.  
  3. import MyScreen from './MyScreen';
  4. ...
  5. test: MyScreen,
  6. }
  7.  
  8. "react":16.8.4
  9. "react-native":0.59.4
  10. "react-redux": "7.0.2",
  11. "redux": "4.0.1",
  12. "react-navigation": "2.18.2",
  13.  
  14. import React, { Component } from 'react';
  15. import { Text, View,Button} from 'react-native';
  16. import {connect} from 'react-redux';
  17.  
  18. class Test extends Component {
  19.  
  20. render() {
  21. return (
  22. <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
  23. <Text>count:{this.props.count}</Text>
  24. <Button title="Increment" onPress={() => this.props.incrementCounter()}></Button>
  25. <Button title="Decrement" onPress={() => this.props.decrementCounter()}></Button>
  26. </View>
  27. )
  28. }
  29. }
  30. const mapDispatchToProps = dispatch =>({
  31. incrementCounter: _ => dispatch({type:"INCREMENT_COUNTER"}),
  32. incrementCounter: _ => dispatch({type:"DECREMENT_COUNTER"}),
  33. })
  34. export default connect(state => ({ count: state.count }))(Test)
  35.  
  36. const INITIAL_STATE = {
  37. count: 1
  38. }
  39. export default (state = INITIAL_STATE, action) => {
  40. switch (action.type) {
  41. case 'COUNTER_INCREMENT': {
  42. return (Object.assign({}, { ...state, count: state.count + 1}))
  43. }
  44. case 'COUNTER_DECREMENT': {
  45. return Object.assign({},{ ...state, count: state.count - 1 });
  46. }
  47. default: {
  48. return state;
  49. }
  50. }
  51. }
  52.  
  53. import React, { Component } from 'react';
  54. import { Platform, } from 'react-native';
  55. import { Provider } from 'react-redux';
  56.  
  57. import { createStackNavigator} from 'react-navigation';
  58. import Test from './src/screens/test';
  59. import Screen2 from './src/screens/screen2';
  60. import { createStore } from 'redux';
  61. import reducers from './reducers';
  62.  
  63. const store = createStore(reducers);
  64.  
  65. const AppNavigator = createStackNavigator({
  66. test: Test,
  67. screen2: Screen2
  68. }, {
  69. headerMode: "none"
  70. });
  71.  
  72. export default class App extends Component {
  73.  
  74. render() {
  75. return (
  76. <Provider store={store}>
  77. <AppNavigator />
  78. </Provider>
  79. );
  80. }
  81. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement