ReactによるSPA作成中、引数がわからない
UdacityのReactで作るサービスのイメージ図。(適当)
ざっくりこんなものを作ろうとしているんだろうな。
ここまでできた。
だいぶ英語とReactの仕様がわかっていなくてわからない....
今日はここまで(電話がきたから)
— entaku@プログラマーLv1 (@entaku19890818) 2018年1月31日
It's the end https://t.co/GWRBPfjH1k's because call phone to me. pic.twitter.com/M2NW0cvviP
Stateless Functional Component
— entaku@プログラマーLv1 (@entaku19890818) 2018年1月31日
は多分レンダリングとコンポーネント一緒にすんなよって意味だと思う。
I think that rendering and components are meaningless.https://t.co/PnO6LCGlaW
#Udacity #React
state はよくわかっていないが、この説明見るとmodelみたいなもんだと思えばいいのか。
— entaku@プログラマーLv1 (@entaku19890818) 2018年1月31日
'State' is like a 'model'?Right?https://t.co/k6dS5gbMNx #Udacity #React
新しいの出てきた
— entaku@プログラマーLv1 (@entaku19890818) 2018年1月31日
きっとこれは型だ。
This is a "variable type" in React!!!!https://t.co/WL6vOSRvEM#Udacity #React
やっぱりReactがわかっていなくて、
例えば、下記のコードのcontactは呼び出された時にどんな引数が与えられるのかイメージがつかない。。。
おそらく
contact -> activeな要素を引数に入れて、関数に渡す
みたいなイメージなんだろうが。
removeContact = (contact) => {
this.setState*1
}
*1:state) => ({
contacts: state.contacts.filter((c) => c.id !== contact.id)
}