- 履歴一覧
- 差分 を表示
- 現在との差分 を表示
- ソース を表示
- React/子コンポーネントのフィールドから値を取得する へ行く。
- 1 (2018-04-27 (金) 18:58:44)
- 2 (2018-05-08 (火) 19:11:42)
- 3 (2018-05-09 (水) 10:39:11)
キーワード†
- React
- コンポーネント
- react-new-window
したいこと†
react-new-window で開いた別ウィンドウを印刷させたい、のがきっかけ。
window.print();
すると、親ウィンドウが印刷されてしまう。
ので、react-new-window がそのコンポーネントで保持する this.window の値を取得したい。react-new-window は window.open() したときの戻り値を this.window に保持している。
どうやって†
ref を使う。
<NewWindow {...newWindowProps} ref={element => this.newWindow = element} />
目的の window オブジェクトでプリントするには、
this.newWindow.window.print();
ちなみに†
element がないよ、みたいなタイミングがあったので三項演算子した。
なお、this.newWindow とするには関数ではくて React.Component のサブクラスにする必要がある。