gistfile1.txt

               <DragDropContext onDragEnd={this.onDragEnd}>
                    <Droppable droppableId="droppable">
                        {(provided, snapshot) => (
                            <div
                                ref={provided.innerRef}
                                style={{ backgroundColor: provided.isDragging ? 'green' : 'lightblue' }}
                                {...provided.droppableProps}
                            >
                                {this.state.fields.map(field =>
                                    <Draggable key={field.id} draggableId={field.id}>
                                        {(provided, snapshot) => (
                                            <div>
                                                <div ref={provided.innerRef} {...provided.draggableProps}>
                                                    <div>HI</div>
                                                    {/* <ObjectFieldsItem key={field.id} id={field.id} order={field.order} label={field.label} type={field.type} openModal={this.openModal} removeItem={this.removeItem} /> */}
                                                </div>
                                                {provided.placeholder}
                                            </div>
                                        )}
                                    </Draggable>
                                )}
                            </div>
                        )}
                    </Droppable>
                </DragDropContext>