2017-12-21 64 views
1

Material-UIライブラリを使用する場合、html属性を<Button><ButtonBase>にどのように追加できますか?たとえば、ボタンのtabindexを-1に設定することができます。Material-UIで<Button>/<ButtonBase>にHTML属性を追加するにはどうすればよいですか?

<TextField>のようなコンポーネントについては、InputPropsを使用できますが、<Button><ButtonBase>にはそのような小道具はありません。

ここで機能リクエストを作成しましたが(issue 9585)、すでに行うことができると言われました。

ありがとうございます!

答えて

0

ドキュメントに記載されているとおり、「その他のプロパティはすべてルート要素に広がっています。」 Buttonについては

、それはButtonBaseだし、ButtonBaseのためには、(デフォルトでは、あなたがcomponent小道具で上書きすることができます。)buttonです。したがって、Buttonに供給されるtabIndexは、ButtonBaseに適用され、buttonに適用されます。

tabIndexの場合はtabIndex={-1}と設定するdisabled小道具もあります。

+0

ありがとうございました!午前4時に、 "tabIndex"の代わりに "tabindex"を試してみました。プロパティがルート要素に広がっていることを知っておくとよいでしょう。 –

+0

問題ありません。 Reactでは、小文字のHTML小道具がキャメルケースであることは混乱しています。これで問題が解決した場合は、正しい答えを他の人が見つけられるようにマークしてください。 – Matt

関連する問題