是否可以在材质ui中只更改样式道具中的一个属性

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

本文关键字：属性 一个 样式 ui 是否      更新时间：2024-02-06

material ui提供了一种通过风格道具：

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

但这将删除该卡以前的所有默认样式，即在这种情况下，是否可以只更改一个属性"display"属性？

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

示例：

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>
  );
}
相关文章：