Html 如何在react 中向按钮添加禁用属性

import React from 'react'
import PropTypes from "prop-types";

export default function Button({ htmlType, type, disabled, action, ...props}) {
  return (
    <button type={htmlType} onClick={action}>
        {props.children}
    </button>
  )
}

Button.propTypes = {
    htmlType: PropTypes.string.isRequired,
    action: PropTypes.func,
    disabled: PropTypes.bool
};

 <Button disabled={true}>button title</Button>

<button disabled={propsDisabled}>button title</button>

Html相关问答推荐

我需要主页按钮出现在中间

在CSS中不保持圆形图像形状的边框半径属性

我如何 Select 外部html文件元素作为选项，并显示在一个div与jQuery？

如何阻止Chromecast图标出现在HTML5视频

CURL邮箱中的图像不能调整其大小

用于删除页面页眉上的超链接的CSS

Tailwind CSS：overflow-y Property Not Scrolling Unreliably to Bottom with top-[63px]

按钮之间的HTML文本居中不正确

在Firefox中，使用写入模式：Vertical-LR时，不随内容扩展的css弹性项

如何在HTML中适当地为单选按钮网格添加标签？

div 中的垂直中心表格

网格项未在同一行上对齐

如何在悬停时使用 CSS 更改许多同级元素

可以通过悬停时的自定义区域更改文本属性吗？

当作为常规图片输入时，Cloudfront分布式图像可显示，但作为背景图像不显示

如何只为 Navbar 中的一个元素提供动画，其余元素没有使用 css 的动画

输入框不是全宽

使用 CSS flexbox 和溢出顶部而不是底部

CSS Padding 将右对齐的对象推离页面

用 flexbox 和 overflow 覆盖