TypeScript React Grid Layout Inspector Demo

创建了一个LayoutInspector组件,可以帮助我们在cell中看到相应layout的信息,并且手动修改。

注意:对于number field,当我们用鼠标点击其右方箭头来更改值时,不知道是浏览器/react/react-grid-layout的问题, 修改w/h可以马上看到效果,但是修改x/y时布局并不会改变。好消息是,通过按上下方向键改变值是可以马上生效的。

npm install
npm run demo

It will open page on browser automatically.