react高阶组件,material-ui组件封装

因为刚接手公司的react项目,对于高阶组件这块不太懂,小弟想弄明白这些,求大佬能指点一二,我这块直接上代码了。
这个是通用的函数,
image.png

这个是把material-ui里的输入框组件再次封装了,把调用时的props全都注入到输入框组件中。
image.png
mapError
image.png

调用时引入
import {Field, reduxForm} from "redux-form";
import TextField from 'components/custom/TextField';
image.png

在调用的时候,会有正则验证,我如果不用这个函数封装的组件,直接用material-ui组件的TextField,那么没办法进行正则验证
image.png

阅读 1.7k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题