在React jsx内联样式中添加!important到hidden属性

Question

如何在React jsx内联样式中添加重要的隐藏属性?

我试图隐藏滚动条在Ag网格表组件，因为默认情况下Ag网格显示滚动条。

我已经试过了:

ref={(node) => {
if (node) {
node.style.setProperty('overflow-x', 'hidden', 'important');
}
}}

但是不工作

Answer 1

我重新创建了您所做的工作，它工作得很好。我现在没有看到错误。也许你的overflow-x属性是在你在ref函数中设置后由库/框架设置的。

function App() {
return <h1 style = {
{
width: '10px',
overflowX: 'visible'
}
}
ref = {
node => {
if (node) {
node.style.setProperty('overflow-x', 'hidden', 'important')
}
}
} > Hi!This some overflow text < /h1>;
}
ReactDOM.render( < App / > , document.getElementById("root"));

<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="root"></div>