ist es möglich,

Question

material-ui bietet eine Möglichkeit, nur ein Attribut in dem Stil Requisiten in Material-ui zu ändern den Stil einer Komponente, über die Stil Requisiten zu ändern:

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

Aber das wird entfernen Sie alle previous default style für die Karte, ist es möglich, nur ein Attribut in diesem Fall das 'Display' Attribut zu ändern?

Answer 1

Ja. Da die Stilvorlage ein Objekt akzeptiert, können Sie ein Objekt dynamisch erstellen und dieses Objekt verwenden.

Beispiel:

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> 
); 
}