reactjs - 无法在反应中更改 svg 图标的高度

Question

我有一个图标组件，如下所示：

import * as React from 'react';
import * as Symbol from '../../constants/icons.js';

const Icon = ({ name, viewBox, width, height, transform }) => {
  return (
    <svg
      viewBox={viewBox ? viewBox : '0 0 50 50'}
      width={width}
      height={height}
    >
      <path d={Symbol[name.toUpperCase()].path} transform={transform} />
    </svg>
  );
};

export default Icon;

但是如果我通过这样的高度道具，我会遇到改变图标高度的问题：

 <Icon
                height='100'
                name={'instagram'}
                viewBox="0 0 448 512"
              />

标签： reactjs