eggplants/class_v_func_comp.md

## class_v_func_comp.md

      
    Raw
  

              class_v_func_comp.md
            
          
クラスコンポーネント
関数コンポーネント


constructor(props)
関数コンポーネントの引数をpropsとして受け取る


render()
関数コンポーネントの返り値


componentDidMount()
useEffect(() => {...})


componentDidUpdate()
useEffect(() => {...}, [...])


componentWillUnmount()
useEffect(() => {return () => {...}})


this.state = {...}
const [v, setV] = useState(initV)


this.setState({...})
上行 + setV(...)
クラスコンポーネント	関数コンポーネント
`constructor(props)`	関数コンポーネントの引数を`props`として受け取る
`render()`	関数コンポーネントの返り値
`componentDidMount()`	`useEffect(() => {...})`
`componentDidUpdate()`	`useEffect(() => {...}, [...])`
`componentWillUnmount()`	`useEffect(() => {return () => {...}})`
`this.state = {...}`	`const [v, setV] = useState(initV)`
`this.setState({...})`	上行 + `setV(...)`