是否可以在material-ui中仅更改样式道具中的一个属性

Question

material-ui提供了一种通过改变组件样式的方法 风格道具：

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

但是这将删除卡的所有先前默认样式，是 在这种情况下，只能更改一个属性＆＃39; display＆＃39;属性？

Answer 1

是。由于样式prop将接受一个对象，您可以动态创建一个对象并使用它。

示例：

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