- 履歴一覧
- 現在との差分 を表示
- ソース を表示
- 履歴 を表示
- React/子コンポーネントのフィールドから値を取得する へ行く。
- 1 (2018-04-27 (金) 18:58:44)
- 2 (2018-05-08 (火) 19:11:42)
- 3 (2018-05-09 (水) 10:39:11)
- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2018-04-27T09:58:44+00:00","default:haruki","haruki") * キーワード [#g7102040] - React - コンポーネント - react-new-window * したいこと [#p7c0026b] react-new-window で開いた別ウィンドウを印刷させたい、のがきっかけ。 window.print(); すると、親ウィンドウが印刷されてしまう。 ので、react-new-window がそのコンポーネントで保持する this.window の値を取得したい。react-new-window は window.open() したときの戻り値を this.window に保持している。 * どうやって [#dcf654a4] ref を使う。 <NewWindow {...newWindowProps} ref={element => this.printWindow = element ? element.window : null} /> * ちなみに [#yd4b5d7e] element がないよ、みたいなタイミングがあったので三項演算子した。 this. とするには関数ではくて React.Component のサブクラスにする必要がある。 * 参考 [#f88dafc9] - [[rmariuzzo/react-new-window: 🔲 Pop new windows in React, using `window.open`.>https://github.com/rmariuzzo/react-new-window]] - [[Reactのrefを理解する@Typescript - Qiita>https://qiita.com/knknkn1162/items/29d675c8cd26592a95b5]]