Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 嵌套按钮(嵌套选项卡实体)_Javascript_Html_Reactjs - Fatal编程技术网

Javascript 嵌套按钮(嵌套选项卡实体)

Javascript 嵌套按钮(嵌套选项卡实体),javascript,html,reactjs,Javascript,Html,Reactjs,问题: React投诉将嵌套在 原因: 需要将键盘输入到父级和该父级的子级 示例:单击父对象可以选择它,但实体中也有按钮 有缺陷的解决方案: 为父项或子项使用锚定标记href=“#”是必需的,因为否则它是不可选项卡的 警告: 这并不理想,因为我不关心#,当鼠标悬停和使用标签时,它会出现在页面底部。一种常见的做法是使用类似于#selectAngry-1294363.png的方法,但这也是不必要的 妥协: 虽然react会发出警告,但我的浏览器似乎并不关心按钮中的按钮,所以这是一个问题吗 TL;

问题:
React投诉将
嵌套在

原因:
需要将
键盘输入到父级和该父级的子级

示例:
单击父对象可以选择它,但实体中也有按钮



有缺陷的解决方案:
为父项或子项使用
锚定标记
href=“#”
是必需的,因为否则它是不可选项卡的

警告:
这并不理想,因为我不关心
#
,当鼠标悬停和使用标签时,它会出现在页面底部。一种常见的做法是使用类似于
#selectAngry-1294363.png
的方法,但这也是不必要的

妥协:
虽然react会发出警告,但我的浏览器似乎并不关心按钮中的按钮,所以这是一个问题吗

TL;博士:
我关心的两件事:

  • 必须能够与父母和孩子联系
  • 与普通链接一样,悬停时不显示
    #散列
基于此,将按钮放在按钮内是无效的

内容模型:

语法内容,但不能有交互式内容子体,也不能有指定了tabindex属性的子体

根据要创建的按钮的所需样式,此处提供了一些选项

  • 在div中将两个或多个按钮相邻对齐
  • 使用一个按钮创建一个div,然后相对于该div定位其他按钮(我将根据您发布的图像使用此选项)

  • 现在点击你必须自己处理,当弹出窗口打开时,你必须将焦点捕捉在里面,你可以使用或其他库。然后在弹出窗口中使用正确的选项卡索引将使事情顺利进行。

    K,酷。我想我会让家长点击,但我会让实际的标题文本按钮的重点。没有边框或背景,但他们可以用tab键锁定。