javascript - 是否可以仅更改material-ui中样式 Prop 中的一个属性

Question

material-ui提供了一种改变组件样式的方法，通过样式 Prop :

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

但这会删除卡片之前的所有默认样式，即在这种情况下，是否可以仅更改一个属性“显示”属性？

Answer 1

是的。由于 style 属性将接受一个对象，因此您可以动态创建一个对象并使用它。

示例:

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