错误：React.js修改CSS变量

Question

我在React.js中使用了一个字符串作为css变量，但是React将这个字符串http://10.0.1.8/修改为http://100.10.8/

我该如何解决？

这是我的代码：

class Hello extends React.Component {

  render() {
   const testVar = {'--test-var' : 'http://10.0.1.8/'}
    return <div style={testVar}>Hello World</div>;
  }
}

ReactDOM.render(
  <Hello/>,
  document.getElementById('container')
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

<div id="container">
    <!-- This element's contents will be replaced with your component. -->
</div>