reactライフサイクルes 6

基本関数はimport React from 'react' export default class MyClass extends React.Component { constructor(props){ super(props) /** * state */ this.state = { } } /** * * * * this.setState */ componentWillMount(){ } /** * * dom this.getDOMNode() * * * */ componentDidMount(){ } /** * props * @param {*} nextProps */ componentWillReceiveProps(nextProps){ } /** * ， true * true， props state 、 * false */ shouldComponentUpdate(nextProps, nextState){ return true } /** * */ componentWillUpdate(){ } /** * * * * */ componentDidUpdate(){ } /** * * */ componentWillUnmount(){ } /** * * * this.setState */ render(){ return ( ) } }
 
import
React
from
'react'
export
default
class
MyClass
extends
React.
Component {
constructor(
props){
super(
props)
/**
*現在のページのstate
*/
this.
state = {
}
}
/**
*最初のレンダリング前に呼び出す
*クライアントとサービスの両方の呼び出し
*1回のみ呼び出す
*thisを呼び出すことができます.setState
*/
componentWillMount(){
}
/**
*1回目のレンダリングに成功した後に呼び出す
*domノードを取得できます.getDOMNode()
*クライアントコール
*サービス側は呼び出さない
*1回のみ呼び出す
*/
componentDidMount(){
}
/**
*コンポーネントは新しいprops実行を受信します
*
@param
{*}
nextProps
*/
componentWillReceiveProps(
nextProps){
}
/**
*コンポーネントが再レンダリングされるべきかどうかを判断します.デフォルトはtrueです.
*通常はtrueを返します.propsまたはstateを更新してから再レンダリングできます.
*falseを返すと再レンダリングできません
*/
shouldComponentUpdate(
nextProps,
nextState){
return
true
}
/**
*コンポーネントを再レンダリングする
*/
componentWillUpdate(){
}
/**
*コンポーネントの再レンダリングが完了しました
*クライアントには、このライフサイクルメソッドがあります.
*サーバ側にはありません
*
*/
componentDidUpdate(){
}
/**
*コンポーネントのアンインストール
*一部のリスニング・イベントをアンインストール
*/
componentWillUnmount(){
}
/**
*レンダリングコンポーネント
*必須
*これは使用できません.setStateメソッド
*/
render(){
return (
<
div
>
div
>
)
}
}