測定対象の隠れた領域に反応要素をレンダリングする

Question

Reactは、通常のフローの外にコンポーネントをレンダリングする標準的な方法を提供しますか？

隠し領域に子要素をレンダリングし、その寸法を測定し、この情報を使用して、コンポーネントのrenderメソッドから返される内容を変更したいとします。 React.renderを使用しようとするとエラーがスローされます：

Uncaught Invariant Violation: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's `render` method 

Answer 1

あなたは、通常の流れの中のものをオフスクリーンレンダリングすることができます。それをアプリのスタートアップの一環として行い、測定されたサイズをキャッシュします。あなたの子コンポーネントはそれをする必要はありません。