[英]Problems accessing state in React-native with redux app
所以我是Redux
新手,在访问STATE
时遇到问题。 当我将constructor()
方法添加到我的Component (Welcome)
出现Cannot find module /Welcome
错误。 我将在下面粘贴我的代码,因为我真的很努力!
我只是想打印出文本状态!
import React, { Text, View, StyleSheet } from 'react-native';
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';
const Welcome = React.createClass({ //() => (
constructor() {
super(props, context);
console.log("context", this.context);
}
render () {
// state = super(props);
// console.log(state);
return (
<View style={ styles.container }>
<Text style={ styles.welcome }>
React Native Redux Starter Kit
</Text>
<Text style={ styles.instructions }>
{ this.props.text }
</Text>
<Text style={ styles.instructions }>
Press Cmd+R to reload,{'\n'}
Cmd+D or shake for dev menu
</Text>
</View>
)
}
// );
});
import React, { Component } from 'react-native';
import { Provider } from 'react-redux';
import configureStore from 'configStore';
import ExNavigator from '@exponent/react-native-navigator';
import routes from 'routes';
export default class App extends Component{
/**
* Render
*
* @return {jsx} Render <Provider /> component
*/
render(){
return (
<Provider store={ configureStore() }>
<ExNavigator
initialRoute={ routes.getHomeRoute() }
style={{ flex: 1 }}
sceneStyle={{ paddingTop: 64 }} />
</Provider>
);
}
}
这将设置text =“ testssters”的状态。 我正在尝试在我的组件中打印出来。
import Immutable from 'immutable';
import { BAR } from 'constants/ActionTypes';
const initialState = Immutable.fromJS({
text: "hi"
});
export default function bar(state = {
text: "testssters",
}, action)
{
switch(action.type) {
case BAR:
state = state;
break;
}
return state;
}
const routes = {};
/**
* Homepage
*
*/
// Shows the homepage (Welcome/index.js)
routes.getHomeRoute = () => ({
getSceneClass() {
return require('Welcome/').default;
},
getTitle() {
return 'Welcome';
}
});
import { createStore, combineReducers, applyMiddleware, compose } from 'redux';
import thunk from 'redux-thunk';
import * as reducers from 'reducers/';
const createStoreWithMiddleware = compose(
applyMiddleware(thunk)
// Add remote-redux-devtools
)(createStore);
export default function configureStore() {
return createStoreWithMiddleware(combineReducers(reducers));
}
React.createClass()
需要一个对象而不是一个函数。
如果您使用createClass()
, createClass()
设置初始状态,请使用getInitialState
。
const Welcome = React.createClass({
getInitialState: function () {
return { myState: 1 };
},
render: function () {}
});
如果您想使用ES6类,则将如下所示
class Welcome extends React.Component {
constructor() {
super();
this.state = { myState: 1 };
}
render() {
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.