開始行: * キーワード [#g7102040] - React - コンポーネント - react-new-window * したいこと [#p7c0026b] react-new-window で開いた別ウィンドウを印刷させたい、のが... window.print(); すると、親ウィンドウが印刷されてしまう。 ので、react-new-window がそのコンポーネントで保持する thi... * どうやって [#dcf654a4] ref を使う。 <NewWindow {...newWindowProps} ref={element => this.newW... 目的の window オブジェクトでプリントするには、 this.newWindow.window.print(); * なお書き [#yd4b5d7e] %%element がないよ、みたいなタイミングがあったので三項演... %%なお、%% this.newWindow とするには関数ではくて React.Co... ** 標準的なやり方ではフィールドを使わない [#t70e4959] 「[[Thinking in React - React>https://reactjs.org/docs/th... - 変更のある値はstateにする - またがってstateを利用するコンポーネントのルートがstate... - 子コンポーネントからの伝達はハンドラにてする ということのはずなので、通常はフィールドに変更のある値を... 今回のは NewWindow がもってしまっているので、通常のケース... * 参考 [#f88dafc9] - [[Refs and the DOM - React>https://reactjs.org/docs/ref... - [[rmariuzzo/react-new-window: 🔲 Pop new windows in Reac... - [[Reactのrefを理解する@Typescript - Qiita>https://qiita... 終了行: * キーワード [#g7102040] - React - コンポーネント - react-new-window * したいこと [#p7c0026b] react-new-window で開いた別ウィンドウを印刷させたい、のが... window.print(); すると、親ウィンドウが印刷されてしまう。 ので、react-new-window がそのコンポーネントで保持する thi... * どうやって [#dcf654a4] ref を使う。 <NewWindow {...newWindowProps} ref={element => this.newW... 目的の window オブジェクトでプリントするには、 this.newWindow.window.print(); * なお書き [#yd4b5d7e] %%element がないよ、みたいなタイミングがあったので三項演... %%なお、%% this.newWindow とするには関数ではくて React.Co... ** 標準的なやり方ではフィールドを使わない [#t70e4959] 「[[Thinking in React - React>https://reactjs.org/docs/th... - 変更のある値はstateにする - またがってstateを利用するコンポーネントのルートがstate... - 子コンポーネントからの伝達はハンドラにてする ということのはずなので、通常はフィールドに変更のある値を... 今回のは NewWindow がもってしまっているので、通常のケース... * 参考 [#f88dafc9] - [[Refs and the DOM - React>https://reactjs.org/docs/ref... - [[rmariuzzo/react-new-window: 🔲 Pop new windows in Reac... - [[Reactのrefを理解する@Typescript - Qiita>https://qiita... ページ名: