繰り返し処理をしている中で、個別に処理が加えられるようにしたい

Question

目的

Chip要素をクリックすると、そのChip要素のみのborderColorの色が赤になるようにしたい。
また、Chip要素にあるcloseボタンを押すとborderColorの色が黒になるようにしたい。

現状

React-Native-paper のChipコンポーネントを利用しています。
mapでループ処理を行い、「user」の中身を表示しています。

{
     val.user.map((val: any, key: number) => {
               return(
                  <Chip
                      key={keyString}
                      icon=''
                      closeIcon='close'
                      onPress={() => {
　　　　　　　　　// borderColorに色をつける処理？
                      }}
                      onClose={() => {
　　　　　　　　　// borderColorの色をもとに戻す処理？
                      }}
                     style={{
                        backgroundColor: backgroundColor,
                        marginRight: 3,
                        borderColor: borderColor //Chip要素をクリックするとここの色を変えられるようにしたい！
                      }}
                   >
                      <Text key={keyString}>
                         {val2.userName}
                      </Text>
                   </Chip>
                 )
               })
           }

悩み

ループ処理で値を表示しているので、単純にonPress等にborderColorの色を変えるような処理を書くと、全てのChip要素の色が変わってしまう。

もし、解決策がある方いらっしゃいましたら、コメントの程よろしくお願いいたします！！