mümkün tarzı sahne aracılığıyla,

Question

material-ui bir bileşenin stilini değiştirmek için bir yol sağlar malzeme-ui stil sahne sadece bir özelliğini değiştirmektir:

<Card style={ {display:this.state.show} } > 
    <CardHeader 
     title="Some Card" 
     subtitle="Old" 
    /> 

Ama bu her kaldıracak Kart için önceki varsayılan stil, olup, bu durumda 'display' özniteliğinin sadece bir özelliğini değiştirmek mümkün mü?

Answer 1

Evet. Stil prop bir nesneyi kabul edeceğinden, bir nesneyi dinamik olarak oluşturabilir ve bunu kullanabilirsiniz.

Örnek:

import objectAssign = require('object-assign'); 

render() { 
    const baseStyle = { color: 'black', fontSize: '20px' }; 
    const cardStyle = objectAssign({}, baseStyle, 
    (this.state.show ? { color: 'red' } : {}); 
    return (
    <Card style={ cardStyle }> 
     <CardHeader ... /> 
    </Card> 
); 
}