小编Nik*_*ber的帖子

我想要一个时间输入字段，用户只能选择完整的时间。在我的示例中，它将是 00:00、01:00、02:00 等等。这就是为什么我将步长属性设置为 3600。因为 3600 秒等于一小时。这是我的代码：

<label for="appt-time">Choose an appointment time: </label>
<input id="appt-time" type="time" name="appt-time" value="00:00" step="3600">

当我使用箭头键选择时间时，这有效。但是，当我单击输入字段内的小时图标时，我可以选择分钟，如下图所示。我该怎么做才能让用户只能选择时间？

当我使用npx create-next-app命令创建 Next.js 项目时，_app.js文件pages夹下有一个文件。在哪种情况下，我需要在 Next.js 项目中为文件添加下划线前缀？

我要像描述一个自定义的数据属性添加到材料的UI按钮组件在这里。在我的情况下，这看起来像这样：

<Button
  inputProps={{ 'data-testid'='clickButton' }}
>
Click
</Button

此解决方案不起作用，因为按钮组件没有inputProps。那么如何为 Material-UI 按钮组件设置自定义数据属性？

我正在尝试使用DatePickerMUI 版本 5 中的组件。我已完全按照MUI 文档的codesandbox 示例中指定的方式将其包含在内。所以我的组件看起来像这样：

const MonthPicker: FC = () => {
    const [value, setValue] = React.useState<Date | null>(new Date());

    return (
        <LocalizationProvider dateAdapter={AdapterDateFns}>
            <DatePicker
                views={['year', 'month']}
                label="Year and Month"
                minDate={new Date('2012-03-01')}
                maxDate={new Date('2023-06-01')}
                value={value}
                onChange={(newValue) => {
                   setValue(newValue);
                }}
                renderInput={(props) => <TextField  {...props} size='small' helperText={null} />}
            />
        </LocalizationProvider>
    )
}

无论我尝试什么，我总是收到错误消息：React 无法识别renderInputDOM 元素上的 prop。如果您有意希望它作为自定义属性出现在 DOM 中，请将其拼写为小写renderinput。

如果我用小写写，那么代码甚至不会呈现。我在这里做错了什么？

我想在我的文件夹中创建一个名为的文件。这是我使用的命令：background.jsbuild

webpack --mode production ./src/background -o ./build/background.js

但这会创建一个在我的构建文件夹中命名的文件夹background.js。我在webpack-cli 文档中没有找到任何其他标志。那么如何使用 Webpack CLI 指定输出文件名呢？