关于React中，数组map后返回的组件，无法引用css样式文件问题

Question

{sheetList.map((item, idx) => {
        return (
          <div
            key={idx}
            className="wyy-sheet-item"
            style={{ width: "128px", height: "204px", marginRight: "42px" }}
          >

部分的react代码

.wyy-sheet-item:nth-of-type(4n) {
  margin-right: 0;
}

css样式

 

Answer 1

你给元素自身添加了内联样式的margin-right：42px，其优先级大于css文件的优先级