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

待解决 悬赏分:10 - 离问题结束还有 502天21小时2分19秒
反对 0举报 0 收藏 0

我来回答

回答0