2017-07-12 14 views
0

https://www.npmjs.com/package/react-native-dynamodbを使用して、自分のプロジェクトのDynamoDBアクセスを実装しました。私はそのウェブサイトと同じコードを使用しました。init()メソッドでエラーがスローされる理由は何ですか?

唯一のことは、私の.init()メソッドが私にどのように与えているのかわかりません:Unresolved function or method init()(ホントにWebStorm IDEを使用しています)。私はそれが私のアプリが動かない理由だと思う。以下は、コードだけでなく、私がシミュレータに入っているエラーです。

Error in iOS Simulator

はここに私の.jsファイルです:私はreact-native-dynamodbのソースコードをチェックし

import React, { Component } from 'react'; 
import { connect } from 'react-redux'; 
import { ScrollView, Text, View, Button } from 'react-native'; 
import { logout } from '../redux/actions/auth'; 
import DropdownMenu from 'react-native-dropdown-menu'; 
import Icon from './Icon'; 
import DynamoDB from 'react-native-dynamodb'; 

let dynamodb = DynamoDB.init({ 
    credentials: { 
     AccessKeyId: 'Some key', 
     SecretKey: 'Some key' 
    } 
    // region: 'us-east-1' - default, optional 
    // version: '20120810' - default, optional 
}) 

dynamodb.table('user_choice').PutItem(
    { 
     name: 'Jack Sparrow', 
     age: 30, 
     captain: true 
    }, 

    { 
     ConditionExpression: "last_movie <> :movie", 
     ExpressionAttributeValues: { 
      ":movie": {"S": "Pirates of the Caribbean: On Stranger Tides"} 
     } 
    }) 
    .then((response) => console.log(response)) // AWS object response 
    .catch((error) => { 
     console.log(error) 
    }) 

class Secured extends Component { 
    render() { 
     var data = [["Literacy Leaders"], ["Wrestling Camp"], ["Screenplay Writing"], ["Panetarium Workshop"]]; 

     return(
      <ScrollView style={{padding: 20}}> 
       <Icon/> 

       <Text style={{fontSize: 27}}> 
        {`Welcome ${this.props.username}`} 
       </Text> 

       <View style={{flex: 1}}> 

        <DropdownMenu style={{flex: 1}} 
            bgColor={"purple"} //the background color of the head, default is grey 
            tintColor={"white"} //the text color of the head, default is white 
            selectItemColor={"orange"} //the text color of the selected item, default is red 
            data={data} 
            maxHeight={410} // the max height of the menu 
            handler={(selection, row) => alert(data[selection][row])} > 

         <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}} > 
         </View> 
        </DropdownMenu> 

       </View> 

       <View style={{margin: 20}}/> 

       <Button onPress={(e) => this.userLogout(e)} title="Logout"/> 

      </ScrollView> 
     ); 
    } 
} 

const mapStateToProps = (state, ownProps) => { 
    return { 
     username: state.auth.username 
    }; 
} 

const mapDispatchToProps = (dispatch) => { 
    return { 
     onLogout:() => { dispatch(logout()); } 
    } 
} 

export default connect(mapStateToProps, mapDispatchToProps)(Secured); 

答えて

0

DynamoDBはデフォルトが、名前の輸出としてエクスポートされていないようです。このような

てみインポート、それを:

import { DynamoDB } from 'react-native-dynamodb'; 
関連する問題