React native react native中同一页面内的链接

大家好，我正在尝试找到一个与下面的html代码等效的react本机代码：

   <a href="#Ducks">Ducks Section</a>
    <br>
    <br>
    <br>
    <p name="Ducks">this is about ducks</p>

这是关于鸭子的

考虑将文本组件包装在TouchableOpacity中

class App extends Component {
  
  render() {
    return (
      <View>
        <TouchableOpacity>
          <Text style={{color: 'blue'}} onPress={() => {}}>
             Ducks Section
          </Text>
        </TouchableOpacity>
        
        <TouchableOpacity style={{marginTop:50}}> <!-- According to you requirement-->
          <Text style={{color: 'blue'}} onPress={() => {}}>
             this is about ducks
          </Text>
        </TouchableOpacity>
      
      <View>
    );
  }
}

类应用程序扩展组件{
render（）{
返回(
{}}>
鸭科
{}}>
这是关于鸭子的
);
}
}

---

您可以为react原生web使用一个组件，使URL、模糊链接、电子邮件等可单击。找到更多讨论

我只想在单击链接时向下滚动到特定部分，而不重定向到其他web链接