ReactによるSPA作成中、引数がわからない

UdacityのReactで作るサービスのイメージ図。(適当)

ざっくりこんなものを作ろうとしているんだろうな。

 

 

docs.google.com

 

 ここまでできた。

だいぶ英語とReactの仕様がわかっていなくてわからない....

 

 

 

 

 

 

やっぱりReactがわかっていなくて、

例えば、下記のコードのcontactは呼び出された時にどんな引数が与えられるのかイメージがつかない。。。

おそらく

 contact -> activeな要素を引数に入れて、関数に渡す

みたいなイメージなんだろうが。

 

 removeContact = (contact) => {
    this.setState*1
   }

 

*1:state) => ({
   contacts: state.contacts.filter((c) => c.id !== contact.id)
   }