Reactjs 在react中使用物料UI进行路由时,如何更改本地主机端口?
我使用带有Reactjs 在react中使用物料UI进行路由时,如何更改本地主机端口?,reactjs,material-ui,Reactjs,Material Ui,我使用带有to={'}属性的material ui react按钮来路由到具有不同端口的新页面 应用程序在localhost:3000上运行,但当我使用此按钮路由时,我想更改为localhost:8080。现在我像to={{${process.env.UAA_HOST}/UAA/create_account}这样做,通过获得正确的端口几乎可以工作,但问题是它只是将其添加到localhost:3000上,这样路由是: 如何仅替换端口号?React router的to方法是一个路由器感知锚,因此它试
to={'}
属性的material ui react按钮来路由到具有不同端口的新页面
应用程序在localhost:3000上运行,但当我使用此按钮路由时,我想更改为localhost:8080。现在我像to={{${process.env.UAA_HOST}/UAA/create_account}
这样做,通过获得正确的端口几乎可以工作,但问题是它只是将其添加到localhost:3000上,这样路由是:
如何仅替换端口号?React router的
to
方法是一个路由器感知锚,因此它试图在当前页面中链接。如果需要外部链接,建议使用
标记。您可以将其与物料ui按钮一起使用,如下所示:
const MyLink = () => <a href='${process.env.UAA_HOST}/uaa/create_account'/>
<Button component={MyLink}>
Link
</Button>
啊,很有趣,谢谢。唯一的问题是我丢失了材质ui按钮样式。你知道如何保留它吗?我不确定是否使用上述方法,但你也可以将你的按钮组件包装成一个
好的,谢谢,我用了另一种方法,那就是简单地添加href='${process.env.UAA\u HOST}/UAA/create\u account
作为按钮属性
<a href='${process.env.UAA_HOST}/uaa/create_account'> // this
<Button href='${process.env.UAA_HOST}/uaa/create_account' // or this>Link here</Button>
</a>