Javascript 在组件中插入图像

我正在使用一个库，我可以自定义它。但是，我想在这个组件中插入一个图像

const multipleData = [button1, button2, button3, button4, button5]
regionSelectHandler(){
     return(
     <View>
     {
      multipleData.map(
         (interest) =>
           <SelectMultipleButton
             key={interest}
             buttonViewStyle={{
               height: 60,
               width: "50",
             }}
             textStyle={{
               fontSize: 14,
             }}
             highLightStyle={{
               backgroundColor: 'white',
               textColor: 'black',
               borderTintColor: 'white',
               backgroundTintColor: '#6AAAC6',
               textTintColor: 'white',
             }}
             multiple={true}
             value={interest}
             selectable={this.state.multipleSelectedData.includes(interest)
             selected={this.state.multipleSelectedData.includes(interest)}
             singleTap={valueTap => this.trackSelection(valueTap)} />
         )
      }
      <View style={{borderWidth:0.5, borderColor:'gray'}}/>
     </View>
   )}

const multipleData=[button1、button2、button3、button4、button5]
regionSelectHandler（）{
返回(
{
multipleData.map(
（利息）=>
this.trackSelection（valueTap）}/>
)
}
)}

上面的代码将生成5个按钮，在这些按钮中，我想插入一个复选标记

image

，当用户单击按钮时，复选标记将出现，当松开按钮时，复选标记将消失

---

有没有办法在这个组件中插入

图像

您不能按原样将和图像插入此组件，因为它没有图像道具，也没有任何处理图像的逻辑。 您可以做的是分叉lib并添加逻辑以按需要的方式处理图像

这需要您通读lib的代码并充分理解它，然后才能在其中实现新功能。如果您需要此组件在许多地方具有这种精确行为，那么这可能是最好的方法。不要忘记更改库对fork的引用，而不是原来的引用