如何在 React Dashboard App 中创建复杂的布局
How to create complicated layout in React Dashboard App
我正在使用 WebStorm IDE 和 React 框架创建仪表板应用程序的前端。
因为我已经创建了 UI 设计，所以我想继续创建布局。我想先创建空矩形，然后在其中插入函数（不确定这是否是最佳工作流程）
但是有个问题，布局有点复杂，见图：
我应该如何进行？
我应该使用嵌套的 div 标签并将它们插入渲染函数吗？或者有其他解决方案？
Should I use nested div tags and insert them into render function?
是的，这正是您应该继续的方式。
使用css随心所欲地显示它们。您可以使用前端库来帮助您，例如：
如果你想使用bootstrap，你可以看看how to display the grid system。
您也可以按照 w3schools 中的教程学习更多关于 flexbox 的知识以及它如何仅与 css 一起工作（没有 material 或 bootstrap）
我正在使用 WebStorm IDE 和 React 框架创建仪表板应用程序的前端。
因为我已经创建了 UI 设计，所以我想继续创建布局。我想先创建空矩形，然后在其中插入函数（不确定这是否是最佳工作流程）
但是有个问题，布局有点复杂，见图：
我应该如何进行？
我应该使用嵌套的 div 标签并将它们插入渲染函数吗？或者有其他解决方案？
Should I use nested div tags and insert them into render function?
是的，这正是您应该继续的方式。
使用css随心所欲地显示它们。您可以使用前端库来帮助您，例如：
如果你想使用bootstrap，你可以看看how to display the grid system。
您也可以按照 w3schools 中的教程学习更多关于 flexbox 的知识以及它如何仅与 css 一起工作（没有 material 或 bootstrap）