创建了一个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.