禁用用户在reactJS中为日期字段键入日期字段

Question

我已经使用ReactJS启动了项目，并且我实现了一个html日期字段。我希望禁用日期字段供用户编辑。只有他可以从日期选择器中选择日期。 我在onkeydown = "return false"可以工作的某些地方看到过。 由于我使用reactJS，我该如何使用此功能。

export default observer(({ field, type = 'date', readOnly = false }) => {
...
<div className="form__input-group">
                <input
                    className="form_date"
                    id={field.id}
                    min={new Date().toISOString().split('T')[0]}
                    aria-describedby="name-desc"
                    {...field.bind({ type })}
                    readOnly={readOnly}
                />
            </div>
...
}

当我在开发者控制台中对onkeydown = "return false"进行硬编码时，它可以正常工作。我怎样才能从jsx中获取它？有人可以帮忙吗