Question

我正在开发一个React-Native应用程序，我已使用React-Native-Web（托管在http://myapp.com上）将其移植到Web上。

我现在想做的是创建自定义URL，例如http://myapp.com/some/path/here/with/?params=something，我可以在应用中对其进行访问，以在解析后分配适当的导航操作。

我的问题是，如何访问/some/path/here/maybe/with/?params=something？

使用webpack开发服务器时，每当我尝试访问说localhost:8080/asdf时，都会出现错误Cannot GET /asdf

我正在使用react-navigation 3.3.2（手势处理程序具有Web兼容性patch）。我已经访问过此question，但是它谈到了从链接到屏幕的紧密耦合映射。

我想要的是一个相当简单的东西，我只需要在我的react应用程序中的某个路径，以便我可以以某种方式对其进行操作即可。

Answer 1

我的用例的一个例子：在导航中

export default createApp(
createSwitchNavigator({
    HomeScreen : {screen: HomeScreen, path: ''},
    Contact : {screen: Contact, path: 'Contact'},
    EmailVerification : {screen : EmailVerification, path: 'confirm_email/:uid'},//<- this is how to access the page on yousite.com/confirmMail/parameterValueWithoutAnyQuestionMark
},{
    initialRouteName:'HomeScreen',
})

）;

在您的页面文件中：class EmailVerification extends Component{ constructor(props) { super(props); this.state = { isProcessDone : false, uid : this.props.navigation.getParam('uid') //<- this uid paramName must be the same as in navigation }; } }

这是我在应用程序中执行的操作，我想它可能会根据您的导航而改变。

从react-native-web应用访问带有参数的URL

1 个答案: