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

Question

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

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

但是这会删除所有以前的卡片默认样式，是在这种情况下可以只更改一个属性 'display' 属性吗？

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

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

is it possible to change only one attribute in the style props in material-ui

javascript

reactjs

material-ui