css - React 元素中无法识别 minmax CSS 函数

标签 css reactjs referenceerror minmax

我使用以下行在我的 React 元素中设置 Material UI 网格的样式。

gridTemplateColumns:重复(“自动调整”,minmax(“300px”,“1fr”))

我收到此错误“ReferenceError:minmax 未定义”。

看起来React知道repeat CSS函数,但不知道minmax函数。 我不明白为什么。任何帮助将不胜感激。

最佳答案

您当前正在尝试调用函数并向其中传递字符串,但这是不正确的。 gridTemplateColumns 需要是字符串,而不是函数调用。该字符串恰好看起来像函数调用,但如果需要运行任何代码,浏览器会执行此操作,而不是您。

style={{
  gridTemplateColumns: "repeat(auto-fit, minmax(300px, 1fr))"
}}

关于css - React 元素中无法识别 minmax CSS 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69331866/

相关文章:

javascript - Uncaught ReferenceError : parseURL is not defined

css - ExtJS 改变焦点元素的边框颜色

html - 在angular2中迭代数组

javascript - Django 和 ReactJS 没有呈现模板

reactjs - 在react js中通过getDerivedStateFromProps在状态改变后调用方法

javascript - 语法错误: missing ; before statement | ReferenceError:[function] is not defined

html - 有没有办法在CSS中计算?

javascript - 悬停时的 SVG 圆形动画描边

reactjs - React TypeScript将函数传递给子组件

c - 对 'specificFunction' 的 undefined reference