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

  drawCanvas = canvas => {

    if (!canvas) { return }

    // ....

  }

  render() {

    return (

      <canvas ref={drawCanvas} width="600" height="67"></canvas>

    );

  }