リアクションレンダリング/更新キャンバス

Question

私は反応があり、状態が変化するたびにキャンバスを反応させてレンダリングしようとしています。

//set initial state 
constructor(props) { 
    super(props); 
    this.state = { 
     imgFile: this.props.imgFile, 
     show: false 
    }; 
} 

//The render canvas 
render() { 
    return (
     <div className="col-sm-4"> 
     <canvas ref={(c) => { this.myCanvas = c; }} /> 
     </div> 
    ); 
    } 

私の質問です：小道具でキャンバスを更新する方法はありますか？これまでのところ、私はこれだ：

componentDidMount() { 
    const origin = this.state.imgFile; 
    // canvas area/img calculations 
    this.funcForDrawCanvas(origin.path, origin.presition, origin.height, origin.width); 
} 

をそれがマウントされてコンポーネントきた後、それ以上の任意のアイデアを、それを更新しませんか？またはキャンバスタグを削除し、状態が変更されたときに再度挿入する方法はありますか？

Answer 1

componentWillReceivePropsを使用して、小道具の変化を検出し、それを使用してキャンバスに描画します。