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