react动态添加背景图片/不同内容添加对应背景

在项目中有这样的需求，需要为不同类型的内容添加对应的背景图。
效果如下：

主要代码：
首先在全局定义一个内容为图片名字的数组，然后在需要图片的地方，通过id作为下标取得对应图片名字，
再拼接路径去获取图片资源。

var backgroundimage = ["bg1.png", "bg2.jpg", "weipay1.png"];
style={
   {
    
   backgroundImage: `url(${
     "./pic/" + backgroundimage[item.userLevelId - 1]})`,
}}

完整代码：

 <div maxWidth={
   1000}>
    <List
        style={
   {
    zIndex: 1 }}
		split='false'
		grid={
   {
   
			xs: 1, sm: 1,