Question

将以下TableCell react组件的内容的颜色全局更改为绿色的最有效方法是什么？

class TableCell extends Component {
    render() {
      return (
        <SU_Table.Cell {...newProps}>
          {this.props.children}
        </SU_Table.Cell>
      );
    }

这样最好吗？

class TableCell extends Component {
    render() {
      return (
        <SU_Table.Cell {{color: 'green', ...newProps}}>
          {this.props.children}
        </SU_Table.Cell>
      );
    }

Answer 1

我通常会采用的方式是向其添加条件样式道具，具体取决于元素是否通过颜色传递

<SU_Table.Cell {...props} style={this.props.color ? {color: this.props.color} : {color: defaultColor}}>
  {this.props.children}
<SU_Table.Cell />

不确定这是否正是您想要的，请告诉我是否需要更多帮助。

全局更改反应组件内部颜色的最有效方法是什么？

1 个答案: