私は子供のReactコンポーネントを含む親のReactコンポーネントを持っています。Reactコンポーネントをその親に対して相対的に配置する方法は?
<div>
<div>Child</div>
</div>
子コンポーネントにスタイルを適用して親コンポーネント内に配置する必要がありますが、その位置は親のサイズによって異なります。
render() {
const styles = {
position: 'absolute',
top: top(), // computed based on child and parent's height
left: left() // computed based on child and parent's width
};
return <div style={styles}>Child</div>;
}
ここでパーセント値は使用できません。上部と左の位置は、子と親の幅と高さの関数なので、ここでは使用できません。
これを達成するためのリアクション方法は何ですか?
%を使用することはできません。これを明確にするために質問を更新しました。 – Seth
@Seth親に 'position:relative'を適用しようとしましたか? – Brett
相対的であっても、複数のレベルの入れ子要素がある状況では、親要素の高さが異なる場合があります。 – backdesk