时间戳

首页 > 解决方案 > 在 ReactJS 中使用网格模板列，内联样式

css - 在 ReactJS 中使用网格模板列，内联样式

问题描述

我试图CSS在组件中使用网格React，但我在第一个破折号中得到一个错误grid-template-columns，任何想法为什么会发生这种情况？

<div style={{display:'grid', grid-template-columns: '1fr 1fr'}}>

标签： cssreactjsinline-styles

解决方案

从文档中，

style 属性接受带有 camelCased 属性的 JavaScript 对象，而不是 CSS 字符串。

在React中，内联样式使用camelCase名称来表示CSS没有 的属性-，例如

<div style={{display:'grid', gridTemplateColumns: '1fr 1fr'}}>

推荐阅读