我想设计一个磁贴，在按下时会更改其文本，当按下任何其他组件时，文本应恢复到以前的状态

问：

我想设计一个瓷砖，按下后会改变其文本。随后，当按下任何其他组件时，文本应恢复到其先前的状态。

export const Note = props => {
  const [text, showInfoText] = useState(props.text)
  const [info, setInfoTrue] = useState(false)
  const [isNote, changeIsNote] = useState(true)

  if(isNote){
    return(
      <Pressable onPress={()=>{
          if(info){
            changeIsNote(false)
          }else{
            showInfoText('Click again to delete note')
            setInfoTrue(true)
          }    
        }}>
        <View style={styles.note}>
          <Text>{text}</Text>
        </View>
      </Pressable>
    )
  }
  
} 

我试图阅读文档并寻找这个问题的解决方案，但不幸的是，我找不到准确的答案。