機能的なステートレスコンポーネントget width

ライブラリを作成していますが、ライフサイクルメソッドがないためDOM幅を取得できません。機能的なステートレスコンポーネントget width

私のコンポーネントがクラスを持っている場合、私はこの

var Container = React.createComponent({ 

    componentDidMount: function() { 
    var width = React.findDOMNode(this).offsetWidth; 
    }, 

    render: function() { 
    <svg /> 
    } 
});

を行うことができます。しかし、それは、機能、ステートレスなコンポーネント何か？どのように要素の幅を取得するには？

出典

2017-05-23 Alan Jenshen

私はコンポーネントの親で測定を行う必要があると思います（親がステートレスでない場合）。 – Scarysize

@スカラーサイズなので、コンテナ内でそれを行うのが唯一の方法ですか？ –

私は「はい」と考えることができる唯一のクリーンな方法です。これを回避するには、いくつかのハックがあるかもしれません。コンポーネントがレンダリングされたときに呼び出される子としての関数を渡し、そこで測定をトリガーすることができます。 – Scarysize

私は右のあなたの質問を得た場合、非常にわからないが、どのようにこのように要素を得ることについて：

var element = document.getElementById("someID"); 
if(element != null) 
    console.log(element.offsetWidth);

？

出典

2017-05-23 09:39:13 EatYaFood

機能的なステートレスコンポーネントget width

答えて

関連する問題