JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/fabric.js/1.3.0/fabric.min.js"></script>
<canvas class="fabricCanvas" width="300" height="300"></canvas>
<canvas class="fabricCanvas" width="300" height="300"></canvas>
<canvas class="fabricCanvas" width="300" height="300"></canvas>
<canvas class="fabricCanvas" width="300" height="300"></canvas>

CSS

.fabricCanvas{
    border: 1px solid green;
    margin: 5px;
}
.canvas-container{
    margin: 5px;    
}

JavaScript

var canvasInstances = [];
$('canvas.fabricCanvas').each(function () {
    var fabricCanvasObj = new fabric.Canvas(this, {
        isDrawingMode: true
    });
    canvasInstances.push(fabricCanvasObj);
    fabricCanvasObj.renderAll();
});
canvas.clear();
console.log(canvasInstances[0]);