React Native、Expo、Back4Appを使ったToDoリストアプリの作り方

1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

onLogin=async()=>{
  let  
     username=(this.state.username).trim()、
     password=(this.state.password).trim()；

  if(ユーザー名=== "" ||パスワード=== "") { { (ユーザー名=== "" ||パスワード=== "")
    this.setState(()=>({ nameError: `フィールドを正しく埋めてください。`}))；
   }else{
    try{
       await Parse.User.logIn(username.toString(), password.toString())；
      // this.submitAndClear()；
      this.props.navigation.navigate('HomeStack')；       
     }catch(error) { 
      this.setState(()=>({ nameError:error.message }))；
      return(error)
     }
   }
 }

1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

onSignUp=非同期()=>{ { サインアップ

  let  
     username= this.state.username、
     email= this.state.email、
     password= this.state.password；

  if(username.trim()=== "" ||username=== undefined ||email.trim()=== "" ||email=== undefined ||password.trim()=== "" ||パスワード=== undefined) { 。
    this.setState(()=>({ nameError: `フィールドを正しく入力してください。`}))；  
   }else{
    try{ を実行します。
       Parse.User.logOut()を実行します；
      letuser= newParse.User()；
       user.set("username", username)；
       user.set("email", email)；
       user.set("password", password)；
      constresult=await user.signUp()；
      
       AsyncStorage.setItem('sessionToken', result.getSessionToken())；
       AsyncStorage.setItem('username', result.getUsername())；

      this.submitAndClear()；

      this.navigateToPage('HomeStack')；           
     }キャッチ(エラー) {
       console.log(error)
        this.setState(()=>({ nameError:error.message }))；
     }
   }
 }

1
2
3
4
5
6
7
8
9

resetPassword=()=>{ をリセットします。
   Parse.User.requestPasswordReset(this.state.email)
   .then(()=>{
    this._alert('Success','An email was sent to your address.','Log In','LogInStack')；
    this.submitAndClear()；
   }).catch((error)=>{ このエラーは、次のように処理されます。
    this._alert('Error', error.message,'Log In','LogInStack')；
   });
 }

1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

createItem=()=>{ { {アイテム
  letitem= this.state.item；

  if(item=== "" ||item=== undefined){
    this.setState(()=>({ nameError: `フィールドを正しく埋めてください。`}))；
   }else{
    constTodo=Parse.Object.extend("Todo")；
    consttodo= newTodo()；

     todo.set("task",this.state.item)；
     todo.set("userId", )；
    
     todo.save().then(オブジェクト=>{)
      this.readAllItems()；
      this.setState({item:''})
     }).catch(error=>{alert(エラー)})
   }
 }

1
2
3
4
5
6
7
8

readAllItems=async()=>{ {.
  constidUser=await Parse.User.currentAsync()；
  constquery= newParse.Query("Todo")；
   query.exists("task")；
   query.equalTo('userId', idUser)；
  constresultQuery=await query.find()；
  this.setState({results:resultQuery})；
 }

1
 2
 3
 4
 5
 6
 7
 8
 9
10

updateItem=()=>{ を更新する。
 constquery= newParse.Query("Todo")；
   query.get(this.state.idObject).then(オブジェクト=>{)
     object.set("task",this.state.updateValueDialog)；
     object.save().then(objUpdateの場合=>{)
      this.setState({updateValueDialog:', dialogVisible: false})
      this.readAllItems()；
     });
   });
}

1
 2
 3
 4
 5
 6
 7
 8
 9
10

deleteIten=非同期()=>{ { { { {
  constquery= newParse.Query("Todo")；
  constobject=await query.get(this.state.idObject)；
  try{
     object.destroy()；
    this.getAllData()；
   }catch(e){
     alert(e)
   }
 }