时间戳

首页 > 解决方案 > 在 DateRangePicker 中设置 InputProps 的正确方法是什么

material-ui - 在 DateRangePicker 中设置 InputProps 的正确方法是什么

问题描述

我有这个 DateRangePicker：

   <DateRangePicker
      InputProps={{???}}
      renderInput={(startProps, endProps) => (
        <>
          <TextField {...startProps} helperText="" size="small" placeholder="" />
          <DateRangeDelimiter>to</DateRangeDelimiter>
          <TextField {...endProps} helperText="" size="small" placeholder="" />
        </>
      )}
    />

您可以看到所有 TextField 中的道具都重复了helperText="" size="small" placeholder=""

是否可以提供来自父级的所有 InputProps，而<DateRangePicker>不是在所有子级中复制道具？

谢谢

标签： material-ui

解决方案

根据文档：

选择器及其子组件无法识别的任何道具都将传递给 material-ui TextField 组件。

这基本上意味着您可以在DateRangePicker自身上设置所有 3 个属性：

<DateRangePicker
    helperText=""
    size="small"
    placeholder="" 
    ...
/>

推荐阅读