React新手求助：导入背景图不显示，出现no-unused-vars错误

关于ESLint的no-unused-vars错误 #

你看到的'topSectionContainer' is assigned a value but never used错误，是因为你用const topSectionContainer = styled.div定义了一个styled-components样式组件，但在JSX代码里根本没调用这个组件。ESLint的no-unused-vars规则就是用来排查这类“定义了却不用”的冗余代码的。

解决方法：

• 要是这个组件确实用不上，直接删掉定义它的那行代码；
• 要是之后打算用，就在JSX里加上<topSectionContainer>这里放内容</topSectionContainer>，把组件用起来。

背景图不显示的问题（和ESLint错误无关） #

这个错误和背景图不显示是两个独立问题，别混在一起。背景图出问题通常是这几个原因：

• 路径错误：确认导入图片的路径和文件实际位置对应，比如图片在src/assets/background.jpg，导入就得写import background from './assets/background.jpg'；
• 写法错误：在styled-components里设置背景图，得用模板字符串把变量嵌进去，比如backgroundImage: url(${background})``，注意别漏了反引号和${}；
• 文件本身问题：检查图片文件是否存在，格式是不是浏览器支持的（比如jpg、png），有没有损坏。

内容的提问来源于stack exchange，提问作者altontonie