material-ui 将Box系统属性迁移到sx的代码修改?

rvpgvaaj  于 4个月前  发布在  其他
关注(0)|答案(3)|浏览(53)

重复问题

  • 我搜索了现有的问题

相关页面

https://mui.com/material-ui/migration/v5-component-changes/

问题类型

不明确的解释

问题描述

Box 组件的破坏性更改包括一个名为 "✅ 应用sx API" 的部分。我的印象是复选框表示这可以通过代码修改来完成,这将非常棒。然而,我找不到一个代码修改(从列表 here 中)似乎做到这一点。box-borderradius-values 代码修改说它可以做到这一点,但显示的代码更改与该声明不符。运行该代码修改后,很明显它并没有进行到 sx 的迁移。我找不到一个代码修改,它提到关于将系统属性转换为 sx 的内容,但如果有的话,那将会很好。
对我来说,从系统属性转移到 sx 是一个巨大的变化,在我正在工作的相对较小的代码库中有450+个 Box 示例。代码修改会使这样的更改比手动进行这些更改更可行。如果文档能提供更多关于应该使用哪个代码修改的清晰信息,那就太好了。

上下文🔍

我正在将 MUI v4 项目转换为 MUI v5。我在稍后将转换系统属性到 sx 的过程保存下来,因为我知道这将是一个巨大的变化,但如果有一个代码修改可用,那么这不一定是一个硬性的变化。我在尝试确定如何应用这个更改时遇到了这个问题。

disbfnqx

disbfnqx1#

你可以使用box-sx-prop代码修改来实现这个功能:

npx @mui/codemod v5.0.0/box-sx-prop src
ctzwtxfj

ctzwtxfj2#

好的,谢谢!可以将codemod添加到mui-codemod的文档中吗?它看起来没有包含在readme中。

gwbalxhn

gwbalxhn3#

好的,谢谢!mui-codemod的文档中可以添加这个代码修改吗?它看起来没有包含在readme中。
抱歉回答晚了,是的,我们应该把它加进去,你想为它创建一个PR吗?

相关问题