Javascript 日期选择器上的物料UI自定义文本字段

好的，我在我的react项目中使用了他们建议的日期选择器，现在的问题是，为了使它与我的其他字段保持一致，我想将它使用的基本textfield组件设置为我已经拥有的自定义reddit样式的文本字段组件，这可以通过，

TextFieldComponent

中的属性实现，但是，在其中传递我的自定义

LNTextField

并没有带来任何变化，让我先告诉您，这里是

LNTextField

从“React”导入React；
从“@material ui/core”导入{TextField，InputAdornment}；
从“@material ui/core/styles”导入{makeStyles}”；
从“/LNTextField.module.css”导入样式；
const useStylesReddit=makeStyles（主题=>({
根目录：{
边框：“1px实心#D6D7DC”，
溢出：“隐藏”，
边界半径：4，
背景颜色：“fff”，
过渡：主题。过渡。创建（[“边框颜色”，“框阴影]），
“&：悬停”：{
背景颜色：“fff”
},
“&$focused”：{
背景颜色：“fff”，
边框颜色：“46CBAC”
}
},
聚焦：{}
}));
const LNTextField=props=>{
const classes=useStylesredit（）；
返回(
);
};
导出默认LNTextField；

这是我想要的datepicker组件的文本：

import React，{useState}来自“React”；
从“@material ui/pickers”导入{DatePicker，MuiPickersUtilsProvider}；
从“@date io/moment”导入MomentUtils；
从“/LNDatePicker.module.css”导入样式；
从“./LNTextField/LNTextField”导入LNTextField；
const LNDatePicker=props=>{
返回(
props.change_函数（日期）}
format=“MM/DD/YYYY”
TextFieldComponent={LNTextField}
/>
);
};
导出默认数据选择器；

这是使用“我的文本字段”组件的日期选择器和前面文本字段的代码：

{
setFieldValue（“dob”，日期格式（“MM-DD-YYYY”）；
}}
>

现在，如果你看一下我得到的结果，你会注意到这个样式根本没有被应用

---

我有什么遗漏或做错了吗？我是不是看错了文件？提前感谢。

您需要将

LNTextField

包装成如下函数：

const LNDatePicker = props => {
  const renderInput = props => <LNTextField value={props.value} label={props.lable} />
  return (
    <MuiPickersUtilsProvider utils={MomentUtils}>
      <DatePicker
        clearable
        inputVariant="outlined"
        placeholder="10/10/2018"
        onChange={date => props.change_function(date)}
        format="MM/DD/YYYY"
        TextFieldComponent={renderInput}
      />
    </MuiPickersUtilsProvider>
  );
};

const LNDatePicker=props=>{
const renderInput=props=>
返回(
props.change_函数（日期）}
format=“MM/DD/YYYY”
TextFieldComponent={renderInput}
/>
);
};

我知道它快一岁了，但我需要帮助。我做了完全相同的事情，但现在当我点击我的自定义字段时，选择器不再打开，有什么想法吗？