htmlラベル属性はブール値
2071 ワード
社内システムの開発にはAntDesignフレームワークが用いられている.Buttonをクリック可能とクリック不可の2つの状態に切り替えます.
結局、私のButtonラベルは確かにクリックできませんが、eslintは次のように間違っています.
コードをこうしました
eslintが間違って消えた.
その後、Stack Overflowで答えを参考にしました.
*Note that this means that is not allowed in HTML5.Correct would be either or or or case-insensitive and single quotes/unquoted variations of any of them.*
まとめると、フレームワーク処理を使用しない場合、Buttonタグには以下のようないくつかの書き方があり、ボタンをクリックできません.
クリックできないボタンをクリック状態に戻すには、次の2つの方法があります. JSによるdisabled属性の除去 JS賦値:document.getElementById("Button").disabled = true;
参考資料:リンク1リンク2
結局、私のButtonラベルは確かにクリックできませんが、eslintは次のように間違っています.
error Value must be omitted for boolean attributes react/jsx-boolean-value
コードをこうしました
eslintが間違って消えた.
その後、Stack Overflowで答えを参考にしました.
2.5.2 Boolean attributes
A number of attributes are boolean attributes. The presence of a boolean attribute on an element represents the true value, and the absence of the attribute represents the false value.
If the attribute is present, its value must either be the empty string or a value that is an ASCII case-insensitive match for the attribute's canonical name, with no leading or trailing whitespace.
The values "true" and "false" are not allowed on boolean attributes. To represent a false value, the attribute has to be omitted altogether.
*Note that this means that is not allowed in HTML5.Correct would be either or or or case-insensitive and single quotes/unquoted variations of any of them.*
まとめると、フレームワーク処理を使用しない場合、Buttonタグには以下のようないくつかの書き方があり、ボタンをクリックできません.
クリックできないボタンをクリック状態に戻すには、次の2つの方法があります.
参考資料:リンク1リンク2