Reactjs 在映射函数中使用不同样式的本机渲染组件

我试图在一个映射函数中渲染不同样式的图标，以避免大量代码重复

<View style={styles.container}>
        <ImageBackground source={srcImage} style={styles.image}>
          {notes[0].map((note, index) => (
            <Icon
              name="circle"
              size={20}
              color="#0c0c0c"
              style={styles.note}
            />
          ))}
        </ImageBackground>
      </View>

{notes[0].map（（note，index）=>(
))}

样式表项的名称存储在

note

变量中。在上面给出的例子中；它不是用

note

变量呈现每个图标，而是用名为“note”的相同样式表项呈现它们

我也试过了

style={`style.${note}`}

无效