[解決済み] react Material-ui, ボタンにonClickを使用する方法を教えてください。
2023-03-08 22:21:56
質問
docのプロパティ一覧には
onClick
(
http://www.material-ui.com/#/components/icon-button
)
クリックハンドラにonClickを使用する必要があることを知るにはどうすればよいですか?
どのように解決するのですか?
Material-UIのドキュメントには、React(ネイティブブラウザ)の標準的なイベントが記載されていません。
https://facebook.github.io/react/docs/events.html#mouse-events
これは、利用可能なネイティブイベントをすでに知っていることが想定されるからです。たとえば
onWheel
. すべてのネイティブイベントを含めると、長く冗長なリストになってしまいます。
として
kouak が説明する
のように、他の小道具(例えば
onClick
など)は、関連する子コンポーネントに渡されます。
ランダムな例です。
<Button color="primary" onClick={() => { console.log('onClick'); }}>
Primary
</Button>
関連
-
[解決済み】ReactJS: マテリアルuiのブレークポイントについて
-
[解決済み] sh: react-scripts: npm start の実行後にコマンドが見つからない。
-
[解決済み] 非必須項目に対するYupバリデーション
-
[解決済み] 矢印本体を囲む予期せぬブロックステートメント
-
[解決済み] componentDidUpdate'メソッドはいつ使用するのですか?
-
[解決済み] React」は定義される前に使用されていた
-
[解決済み] setStateを呼び出さずにReactコンポーネントを強制的に再レンダリングすることは可能ですか?
-
[解決済み] Reduxの非同期フローになぜミドルウェアが必要なのか?
-
[解決済み] React jsのonClickはメソッドに値を渡すことができない
-
[解決済み] Reactコンポーネント外でのクリックを検出する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】<Router>の外側で<Link>を使用してはならない
-
[解決済み] React.createElement: type is invalid -- expected a string.
-
[解決済み] react-router-domを使用する際に「Function components cannot be given refs」を回避するにはどうすればよいですか?
-
[解決済み] error 'document' is not defined : eslint / React
-
[解決済み] configuration.module に未知のプロパティ 'loaders' があります。
-
[解決済み] sh: react-scripts: npm start の実行後にコマンドが見つからない。
-
[解決済み] react nativeで関数だらけのヘルパーファイルを作成する方法は?
-
[解決済み] axios-mock-adapter onGet mock data not effective.
-
[解決済み] Error: yarn start - エラー コマンド "start" が見つかりません。
-
[解決済み] componentWillReceivePropsライフサイクルメソッドはいつ使用するのですか?