react中应用canvas，存在多个canvas子组件，图像如何渲染？

Question

render() {    
    return (      
        <canvas id={this.state.Id} width="600" height="67"></canvas>
    );
  }

canvas需要获取Id，如果这样动态赋值id，componentDidMount或者componentDidUpdate中都拿不到canvas的ID，

var canvas = document.getElementById(this.state.Id);

需求是会有多个canvas组件

这种情况下，该如何绘制动画？

Answer 1

&nbsp; drawCanvas = canvas => {&nbsp; &nbsp; if (!canvas) { return }&nbsp; &nbsp; // ....&nbsp; }&nbsp; render() {&nbsp; &nbsp; return (&nbsp; &nbsp; &nbsp; <canvas ref={drawCanvas} width="600" height="67"></canvas>&nbsp; &nbsp; );&nbsp; }