反応 - ネイティブ "Reduxのキャッチされないエラー：アクションは、プレーンなオブジェクトでなければなりません。ボタンを押して上の非同期アクションの使用カスタムミドルウェア

私を助けてください：

Reduxのにもネイティブに反応し、ために新たなんだ、私はそう。私が反応-ネイティブにReduxのを統合して、すべてが派遣アクションを除いて、本当によく働きました。アクションは、プレーンなオブジェクトでなければなりません：毎回私は私がエラー」Reduxのキャッチされないエラーを取得し、ディスパッチアクションにしようとしています。使用非同期アクションのカスタムミドルウェア。私も成功せず、反応-サンクを統合しようとしました。私もして店に直接派遣してみましたstore.dispatch(setIsLoggedIn(true))。私のアプリケーションは、ログイン機能をサポートすべきであると私は私のユーザーがいないか、ログインしている場合、私は、知っているように、状態を設定したかったです。

私の店は、このようにinitiliazedされています。

import {createStore, compose, applyMiddleware} from 'redux';
import rootReducer from '../reducers/index';
import thunk from 'redux-thunk';

const storeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(rootReducer, storeEnhancers(applyMiddleware(thunk)));

export default store;

このような私の減速：

import {SET_IS_LOGGED_IN, SET_USER, SET_TOKEN} from '../actions/index'

const initialState =
{
    loggedIn: false,
    user: null,
    token: "",
}
//slice zum removen
function rootReducer(state=initialState, action)
{
    switch (action.type) {
        case SET_IS_LOGGED_IN:
          return Object.assign({}, state, 
            {
              loggedIn: true
            })
          break;
          case SET_USER:
        return Object.assign({}, state, 
          {
              user: action.user
          })
        break;
        case SET_TOKEN:
        return Object.assign({}, state, 
          {
            token: action.token
          })
        break;
        default:
          // Anweisungen werden ausgeführt,
          // falls keine der case-Klauseln mit expression übereinstimmt
          break;
      }
    return state;
}

export default rootReducer;

私のアクションは、次のように定義されています。

export const SET_IS_LOGGED_IN='SET_IS_LOGGED_IN'

export function setIsLoggedIn(value)
{
    return
    {
        type: SET_IS_LOGGED_IN,
        value
    };
}

export function setIsLoggedInAsync(value)
{
    return dispatch =>
    {
        setTimeout(() => 
        {
            dispatch(setIsLoggedIn(value))
        },1000);
    };
}

export const SET_USER='SET_USER'
export function setUser(user)
{
    return
    {
        type: SET_USER,
        user
    };
}

export const SET_TOKEN='SET_TOKEN'

export function setToken(token)
{
    return
    {
        type: SET_TOKEN,
        token
    };
}

そして、このように私の主成分：

import React, { Component } from 'react';
import {ScrollView, Text, TextInput, View, Button, StyleSheet, Image, TouchableOpacity, Linking}  from 'react-native';
import UserLogin from '../model/UserLogin';
import {loginCall} from '../api/User-Api';
import Logo from '../../assets/logo.png';
import {connect} from 'react-redux';
import {setIsLoggedIn, setUser, setToken} from '../redux/actions/index'
import store from '../redux/store/index'

const mapStateToProps=(state)=> (
{
        test: state.test 
} 
)

const mapDispatchToProps = (dispatch) => (

    {
        setIsLoggedIn: value => dispatch(setIsLoggedIn(true)),
        setUser: user => dispatch(setUser(user)),
        setToken: token => dispatch(setToken(token)),
    }
)

class Login extends Component {

    constructor(props){
        super(props);

        this.state = {
            email: "null",
            password:"null",
            wrongPw : false,
            title: "bla"
          }

        this._onPressButton = this._onPressButton.bind(this);
        this._onRegisterButton = this._onRegisterButton.bind(this);

    }

    componentDidMount()
    {
        console.log(store.getState());
    }

    componentWillUnmount()
    {
        console.log(store.getState());
    }

    _onRegisterButton()
    {
        var link = "";
        Linking.canOpenURL(link).then(supported => {
            if (supported) {
              Linking.openURL(link);
            } else {
              console.log("Don't know how to open URI: " + this.props.url);
            }
          });
    }


    _onPressButtonTest() 
    {
        store.dispatch(setIsLoggedIn(true))
    }

    _onPressButton() {
        //let username = this.state.email;
        this.setState({wrongPw: false});
        var user = new UserLogin();
        user.email = this.state.email;
        user.password = this.state.password;
        loginCall(user).then((response) => 
            {
                console.log(response);
                // Set token for api calls const token = response.data;
                if(response.status == 200)
                {   
                    console.log(response.data)
                    this.props.navigation.navigate('MainPage') 
                    this.props.setIsLoggedInProp(true);
                    //this.props.setIsLoggedIn(true);
                    //this.props.setUser(user);
                    //this.props.setToken(response.data);
                    // <Text style={styles.forgot}>{this.props.test}</Text>

                }
            })
            .catch((error) => 
            {

                this.setState({wrongPw: true});
                console.log(error);
            }
            );
        }


    render() {
        return (
            <View style={styles.container}>
                <TouchableOpacity onPress={this._onPressButtonTest.bind(this)} style={styles.loginBtn}>
                    <Text style={styles.loginText}>TESTING</Text>
                </TouchableOpacity>
                <Image source={Logo} style={styles.logo}/>
                <TextInput style={styles.inputView} placeholder='Email' placeholderTextColor="#1F676B"  onChangeText={(value) =>  this.setState({email: value})} />
                <TextInput style={styles.inputView} secureTextEntry={true} placeholder='Password' placeholderTextColor="#1F676B" onChangeText={(value) => this.setState({password: value})} />
                {this.state.wrongPw && <Text style={styles.error}>Email oder Passwort ist ungültig.</Text>}
                <TouchableOpacity  onPress={() => this.props.navigation.navigate('PasswortVergessen')}>
                    <Text style={styles.forgot}>Passwort vergessen?</Text>
                </TouchableOpacity>
                <TouchableOpacity onPress={this._onPressButton.bind(this)} style={styles.loginBtn}>
                    <Text style={styles.loginText}>LOGIN</Text>
                </TouchableOpacity>
                <TouchableOpacity onPress={this._onRegisterButton.bind(this)}>
                    <Text style={styles.register}>Registrieren</Text>
                </TouchableOpacity>
            </View>
            )
    }
}
//null wenn ich nichts will von states
export default connect(mapStateToProps, mapDispatchToProps)(Login);

const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#1F676B',
      alignItems: 'center',
      justifyContent: 'center',
    },

    logo:{
        width: 280,
        height: 140,
        marginBottom:30,
      },

    inputView:{
        width:275,
        backgroundColor:"#a5c2c3",
        borderRadius:25,
        height:50,
        marginBottom:20,
        justifyContent:"center",
        padding:10,
        color:"#1F676B",
        fontSize:15,
        fontWeight: "bold"
    },
    inputText:{
        height:50,
        color:"#1F676B"
    },
    forgot:{
        color:"white",
        fontSize:12,
        marginBottom:10,
    },
    register:{
        color:"white",
        fontSize:16,
    },
    loginText:{
        color:"#1F676B",
        fontSize:19,
        fontWeight: "bold"
    },
    loginBtn:{
        width:275,
        backgroundColor:"#ffffff",
        borderRadius:25,
        height:50,
        alignItems:"center",
        justifyContent:"center",
        marginTop:40,
        marginBottom:10
      },
    error:{
        color:"#fff",
        fontSize:19,
        marginBottom:20
    },

  })

私は、エラーのために最後の数時間を探していますし、進捗状況を作るように見えることはできません。任意のヒントが理解されています。

EDIT：だからエラーが行動していました。私の行動は間違って定義されていました。これは私のために働いていた方法です。

export function setIsLoggedIn(value)
{
    const action =
    {
        type: SET_IS_LOGGED_IN,
        value
    };
    return action; 
}

giotskhada：

慣例次のアクションを構築してみてください{ type: SET_IS_LOGGED_IN, payload: value }。私が考える{value}destructureしようとするvalue代わりに、新たな小道具の設定のvalue: trueあなたのアクションオブジェクトでを。それが動作するかどうか私に教えてください。

反応 - ネイティブ "Reduxのキャッチされないエラー：アクションは、プレーンなオブジェクトでなければなりません。ボタンを押して上の非同期アクションの使用カスタムミドルウェア

おすすめ