我在项目中使用material-ui,不得不自定义Button和TexField,并且还想根据我的需要扩展material-ui中的图标。我当前的解决方案是使用material-ui满足所有其他需求,并在需要时使用我的自定义Button,TextField和Icons。
当前解决方案
dat$value.mult <- dat$value * c(.9, .45, .5, .8, .7, 1)[factor(trip_group)]
head(dat)
# length_group age_group trip_group vehicle value value.mult
# 1 1 3 1 1 993 893.7
# 2 2 4 2 2 694 312.3
# 3 3 5 3 3 437 218.5
# 4 4 6 4 4 203 162.4
# 5 5 7 5 5 71 49.7
# 6 6 8 6 1 746 746.0
我想要的解决方案是
import Autocomplete from '@material-ui/core/Autocomplete'
import Add From '@material-ui/icons/Add'
import Button from 'my_package/core/Button'
import CustomIcon From 'my_package/icons/CustomIcom'
my_package应该在内部使用@material_ui。
我尝试将@ material-ui添加为my_package的依赖项,并在index.js中导出了所有import Autocomplete from 'my_package/core/Autocomplete'
import Add From 'my_package/icons/Add'
import Button from 'my_package/core/Button'
import CustomIcon From 'my_package/core/DatePicker'
import CustomIcon From 'my_package/icons/CustomIcom'
这样的material-ui组件
这让我像这样从my_package导入material-ui组件
export * from "@material-ui/core"
这很棒,但我的摇树能力很差
这是我需要的
import { Autocomplete } from "my_package/core"
基本上,我想用摇树的方式在@ material-ui周围写一个包装。是分叉/克隆材质用户界面的唯一方法。 Button和Textfield不是我要自定义的唯一组件。在material-ui之上构建设计系统的最佳实践是什么?
谢谢