添加！对于react jsx内联样式中的隐藏属性很重要

6yt4nkrj 于 2021-09-13 发布在 Java

关注(0)|答案(1)|浏览(365)

我怎样才能添加！在react jsx内联样式中隐藏属性很重要吗？
我试图在ag grid表组件中隐藏滚动条，因为默认情况下ag grid显示滚动条。
我试过：

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

但它不起作用

JavaScript reactjs css styles jsx

来源：https://stackoverflow.com/questions/68545822/add-important-to-hidden-property-in-react-jsx-inline-style

1条答案

按热度按时间

mcvgt66p1#

我重新创建了你所做的，效果很好。我现在没有看到错误。可能您的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>

赞(0）回复(0）举报 2021-09-13

我来回答

添加！对于react jsx内联样式中的隐藏属性很重要

1条答案

相关问题

热门标签

最新问答