看一下html,标签上有很多内置属性:
我正在努力弄清楚什么是HTML"在规范"属性被命名。
注意:我没有寻找意见 - 我想确定/明确 W3C意见是什么。这样我就可以在React中重新创建它的命名约定。
作为最好的猜测,我通常坚持这句话:
事物[是/有x]
is/hasX
成为我的道具。
但是,我对语法的 lingo 没有很好的把握,而且我很难保持一致。
让我们考虑两个输入,一个html和一个React。
这个听起来对我说:
我的意见悬而未决
<input checked selected active disabled />
<MyInput isHovered hasTooltip hasError />
但是isHovering
也听起来是正确的,但我怀疑它没有正确的(过去)时态:
我的输入正在悬停
<input activating checking />
<MyInput isHovering hasTooltip isErroring />
当事情开始变得扑朔迷离时,我意识到我有一种习惯于试图侧重于语法体操的坏习惯
我的输入是......悬停
<Myinput isHover hasError />
但该组件的道具似乎不再一致。 加上它不是html的作用:
<input check />
问题根据规范,html属性的正确(动词?)时态是什么(我看了,并且没有在关于时态/动词的规范中找到任何内容?
注意:添加了is/has
,因为道具与属性不同是变量,这个前缀有助于代码清晰度
答案 0 :(得分:2)
这个问题可能会被关闭,因为这是一个意见问题,但无论如何:
我从未在任何地方看到现在的进行时态(&#39;悬停&#39;激活&#39;)。
在我们的项目中,我们的组件包含过去时的道具(&#39;禁用&#39;,&#39;已检查&#39;),这恰好符合HTML。我也赞成这一点,因为简洁(&#39; isDisabled&#39;更长,如果它增加了可读性,可能没问题,但它没有。)
不要使用不定式(&#39; check&#39;),因为它意味着一个动作(因此我可能认为它将组件连接到某个外部控件的开发人员。)
但高于任何其他考虑 - 无论你选择什么,都要保持一致。