Dinamik olarak bir öğenin yüksekliğini ("app-content" diyelim) ayarlamanız gereken bir uygulama var. Uygulamanın "krom" yüksekliğini alır ve çıkarır ve sonra "uygulama içeriğinin" yüksekliğini bu kısıtlamalar dahilinde% 100 sığacak şekilde ayarlar. Bu vanilya JS, jQuery veya Omurga görünümleri ile süper basit, ama React bunu yapmak için doğru sürecin ne olacağını bulmak için mücadele ediyorum?
Aşağıda örnek bir bileşen verilmiştir. Ben sete isterler app-content
100 pencerenin% eksi büyüklüğünde olmak yüksekliği 'ın ActionBar
ve BalanceBar
, ama nasıl her şey işlendiğinde anlarım ve nerede Class tepki bu hesaplama bişeyler koyardı?
/** @jsx React.DOM */
var List = require('../list');
var ActionBar = require('../action-bar');
var BalanceBar = require('../balance-bar');
var Sidebar = require('../sidebar');
var AppBase = React.createClass({
render: function () {
return (
<div className="wrapper">
<Sidebar />
<div className="inner-wrapper">
<ActionBar title="Title Here" />
<BalanceBar balance={balance} />
<div className="app-content">
<List items={items} />
</div>
</div>
</div>
);
}
});
module.exports = AppBase;