javascript - 错误：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>

标签： javascriptcssreactjsgoogle-chrome