对于Reactv〈= 15

console.log( ReactDOM.findDOMNode(this.refs.container).style); //React v > 0.14

console.log( React.findDOMNode(this.refs.container).style);//React v <= 0.13.3

编辑：
用于获取特定样式值

console.log(window.getComputedStyle(ReactDOM.findDOMNode(this.refs.container)).getPropertyValue("border-radius"));// border-radius can be replaced with any other style attributes;

对于Reactv〉= 16
使用回调样式或通过使用createRef（）分配ref。

assignRef = element => {
  this.container = element;
}
getStyle = () => {

  const styles = this.container.style;
  console.log(styles);
  // for getting computed styles
  const computed = window.getComputedStyle(this.container).getPropertyValue("border-radius"));// border-radius can be replaced with any other style attributes;
  console.log(computed);
}

以下是通过React Refs和.getComputedStyle方法计算CSS属性值的示例：

class App extends React.Component {
    constructor(props) {
        super(props)
        this.divRef = React.createRef()
    }

    componentDidMount() {
        const styles = getComputedStyle(this.divRef.current)

        console.log(styles.color) // rgb(0, 0, 0)
        console.log(styles.width) // 976px
    }

    render() {
        return <div ref={this.divRef}>Some Text</div>
    }
}

值得注意的是，尽管ReactDOM.findDOMNode现在仍然可用，但将来它将取代回调引用。
这里有一篇Dan Abramov的帖子，概述了不使用findDOMNode的原因，同时提供了如何用回调引用替换ReactDOM.findDOMNode的示例。
因为我见过SO用户在答案中只包含一个链接时会感到不安，所以我将沿着Dan提供的一个示例：

查找DOM节点（字符串DOM引用）

**Before:**

class MyComponent extends Component {
  componentDidMount() {
    findDOMNode(this.refs.something).scrollIntoView();
  }

  render() {
    return (
      <div>
        <div ref='something' />
      </div>
    )
  }
}
**After:**

class MyComponent extends Component {
  componentDidMount() {
    this.something.scrollIntoView();
  }

  render() {
    return (
      <div>
        <div ref={node => this.something = node} />
      </div>
    )
  }
}

您应该使用ReactDOM.findDOMNode方法并从那里开始工作。下面是您所需要的代码。

var Hello = React.createClass({

componentDidMount: function() {
  var elem = ReactDOM.findDOMNode(this.refs.container);
  console.log(elem.offsetWidth, elem.offsetHeight);    
},

render: function() {
   return (
      <div ref={"container"} className={"container"}>
        Hello world
      </div>
   );
}
});

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container')
);

jsFiddle

如果是函数组件，则使用useRef Hook：

const _optionsButton = useRef(null);
const _onSelectText = (event) => {
  if (true) {
    _optionsButton.current.style["display"] = "block";
  } else {
    _optionsButton.current.style["display"] = "none";
  }
  console.log(_optionsButton.current.style); //all styles applied to element
};

将ref属性添加到组件

<IconButton
  style={{
    color: "rgba(0, 0, 0, 0.54)",
    fill: "rgba(0, 0, 0, 0.54)",
    border: "1px solid rgba(0, 0, 0, 0.54)",
    position: "absolute",
    display: "none",
  }}
  color="primary"
  component="span"
  onClick={() => {}}
  ref={_optionsButton} //this
>
  Check
</IconButton>;

谢谢

您已经获得了样式，CSSStyleDeclaration对象的props具有这么多空字符串值的原因是它链接到内部样式。
看看会发生什么，如果你做如下更改：
<div ref={"container"} className={"container"} style={{ width: 100 }}></div>