A: 

Unfortunately you have to handle all of those events.

+2  A: 

It looks like each empty grid item only exists on the border you've defined (I'm not sure why this is, possibly it's a known feature of containers). If you add a backgroundColor to each GridItem then dragEnter will be triggered over the whole area rather than just that border.

inferis
Thanks! Setting the background color does fix the issue. I am curious thy that is :-)
Bogdan
A: 

Define a background color to the Grid component. After that, you can drop the buttons in the middle of a GridItem.

A: 

When you do this, I want the button to move around, but the original button should stay in its original place. I mean, when i drag and drop the button, i want only the copies of the button to move and show whereever we drop, but the original button should stay put. What shud i do????

Ronnie
A: 

Just put backgroundColor in your GridItem :)

Joao Augusto Zaratine