在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>

    );

  }