RN Web，TouchableOpacity 中的 href：onPress >navigation，onRight click > context menu with possible to open link

Question

我有一个带有 TouchableOpacity 的网站，它使用反应导航导航到另一个屏幕。是否可以通过某种方式将 href 添加到此按钮，以便我可以使用上下文菜单“在新选项卡中打开 link”在新选项卡中打开另一个屏幕？

我知道可以将 accessibilityRole='link' href={''} 添加到组件，但是整个视图按钮呢？这是根据：https://github.com/necolas/react-native-web/issues/162

使用文本组件可以通过：

 <Text
   accessibilityRole='link'
   href={defineRightClick()}
   target='_blank'
   onPress={(e) => { 
     e.preventDefault();
     navigateFunction();
   }}>
     Click to navigate, right click to open in new tab
 </Text>

询问这个问题是否需要更多信息，我会编辑它。
感谢您的帮助，因为我试图找到解决方案，但还没有遇到或找到处理这种情况的方法。

Answer 1

找到答案了！

甚至认为这里没有记录：https://necolas.github.io/react-native-web/docs/accessibility/#accessibility-patterns
在 TouchableOpacity 中使用 href 将显示 ts 错误 No overload matches this call.，可以添加到 TouchableOpacity props

accessibilityRole='link'  
href={'desired link'}  
target='_blank'

然后在 TouchableOpacity 的 onPress 事件中使用 e.preventDefault() 将阻止 link 打开并执行分配给函数的其他操作。同时，可以通过右键单击 > 上下文菜单 >“在新选项卡中打开 link”打开 link

我将 post 这个作为答案，所以如果其他人遇到这个问题，他们可能会找到解决方案

RN Web，TouchableOpacity 中的 href：onPress >navigation，onRight click > context menu with possible to open link

RN Web, href in TouchableOpacity: onPress >navigation, onRight click > context menu with possibility to open link

react-native-web